:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#26344e;background:#f5f7fa;font-size:14px;--blue:#254bd2;--ink:#15223d;--muted:#6c7890;--border:#e2e8f2}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin-top:0}.layout{min-height:100vh;display:flex}.sidebar{width:244px;background:#0e1a32;color:#aab6cd;padding:30px 16px 24px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;color:#fff;padding:0 12px 44px}.brand-mark{width:41px;height:41px;display:grid;place-items:center;color:white;font-size:15px;font-weight:900;border-radius:12px;background:linear-gradient(140deg,#4776ff,#233daf)}.brand strong{font-size:20px;letter-spacing:-.9px;display:block}.brand small{font-size:9px;letter-spacing:2px;color:#8997b1}.menu-label{font-size:10px;letter-spacing:1.4px;padding:0 14px 13px;color:#798aa9}.nav{display:grid;gap:6px}.nav-link{background:transparent;border:0;color:#aebbd1;text-align:left;padding:13px 15px;border-radius:9px;font-weight:600;display:flex;gap:15px;align-items:center;width:100%}.nav-link span{font-size:19px;min-width:18px;text-align:center;font-weight:400}.nav-link:hover,.nav-link.active{background:#1e3159;color:#fff}.nav-link.active{border-left:3px solid #6e90ff}.sidebar-bottom{margin-top:auto;font-size:11px;line-height:1.6;padding:14px 12px 0;border-top:1px solid #31405a;color:#8997b1}.pilot-sign{color:#cad5eb;font-weight:700;display:flex;gap:8px;align-items:center}.pilot-dot{width:7px;height:7px;border-radius:100%;background:#76e3b5}.sidebar-bottom p{margin:8px 0}.main{min-width:0;flex:1}.topbar{height:76px;border-bottom:1px solid #e4eaf2;background:#fff;display:flex;justify-content:flex-end;align-items:center;padding:0 40px}.topbar-right{display:flex;gap:18px;align-items:center}.environment-tag{color:#546b91;font-size:10px;letter-spacing:1px;font-weight:800;background:#eff4fb;padding:8px 10px;border-radius:6px}.profile-block{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;background:#e5ebff;color:#3253ad;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:11px}.profile-copy b,.profile-copy span{display:block}.profile-copy b{font-size:12px}.profile-copy span{font-size:11px;color:var(--muted);margin-top:3px}#actor-switch{max-width:142px;font-size:11px;border:1px solid var(--border);border-radius:6px;padding:6px;background:white}.content{max-width:1330px;margin:auto;padding:34px 40px 64px}.notice{background:#fff9e8;border:1px solid #efdaa0;color:#856625;padding:13px 17px;border-radius:10px;margin-bottom:28px;font-size:12px;line-height:1.6}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#5472ab;margin-bottom:9px}.page-heading h1{font-size:27px;letter-spacing:-.7px;color:#15223b;margin:0 0 8px}.muted{color:var(--muted)}.lead{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.btn{border:1px solid var(--border);background:#fff;color:#263651;border-radius:9px;padding:11px 16px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:#f3f6fc}.btn-primary{background:var(--blue);border-color:var(--blue);color:white}.btn-primary:hover{background:#193db9}.btn-danger{border-color:#f1cacb;color:#b53b43;background:#fff5f5}.btn-green{background:#177958;color:white;border-color:#177958}.btn-small{padding:7px 11px;font-size:11px}.btn-group{display:flex;gap:10px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}.metric{border:1px solid var(--border);background:white;border-radius:12px;padding:20px;min-height:118px}.metric .label{font-size:11px;font-weight:700;color:#728199}.metric .num{font-size:28px;font-weight:800;color:#182744;letter-spacing:-1px;margin-top:13px}.metric .foot{font-size:10px;color:#7f8ba1;margin-top:2px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px}.section-head h2{font-size:17px;margin:0;color:#172640}.section-head .text-link{background:transparent;color:var(--blue);border:0;font-size:12px;font-weight:700}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:34px}.action-card{background:white;border:1px solid var(--border);border-radius:12px;text-align:left;padding:22px;position:relative;min-height:160px}.action-card:hover{border-color:#9db2f5;box-shadow:0 8px 22px #2036620c;transform:translateY(-1px)}.action-icon{display:grid;place-items:center;height:39px;width:39px;border-radius:11px;margin-bottom:18px;font-size:19px}.purple{background:#f0eafe;color:#7656bb}.blue{background:#eaf1ff;color:#2f65c3}.green{background:#e4f9f0;color:#218a66}.action-card strong{display:block;font-size:14px;color:#172640;margin-bottom:7px}.action-card p{font-size:11px;color:#71809a;line-height:1.5;margin:0 20px 0 0}.action-card:after{content:"↗";position:absolute;right:20px;bottom:22px;font-size:17px;color:#6683c5}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:22px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:15px 17px;border-bottom:1px solid #edf0f6;vertical-align:middle}th{font-size:10px;letter-spacing:.65px;color:#7b89a1;font-weight:800;text-transform:uppercase;background:#fcfdff}tr:last-child td{border-bottom:0}td strong{font-weight:800;color:#20304c}td .small{display:block;color:#8794aa;margin-top:4px;font-size:10px}td .linkish{background:none;border:0;color:#284cbe;font-weight:800;padding:0}.status{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:7px 10px;font-size:10px;font-weight:800;white-space:nowrap;background:#eef2f7;color:#66778e}.status:before{content:"";background:currentColor;width:5px;height:5px;border-radius:100%}.status.pend{background:#fff4df;color:#9b6b16}.status.ok{background:#e7f8ef;color:#257b52}.status.no{background:#ffebee;color:#ac3f49}.empty-state{text-align:center;padding:45px 24px;color:#7b88a0}.empty-icon{font-size:30px;margin-bottom:10px}.empty-state strong{display:block;color:#253550;margin-bottom:7px}.empty-state p{margin-bottom:0;font-size:12px}.form-shell{max-width:1020px}.form-panel{background:#fff;border:1px solid var(--border);border-radius:13px;padding:28px;margin-bottom:16px}.form-panel h2{font-size:15px;margin:0 0 19px}.form-panel h2 span{color:#8494af;font-size:11px;font-weight:400;margin-left:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:17px}.form-field{display:flex;flex-direction:column;gap:7px;min-width:0}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;font-weight:700;color:#4d5a72}.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{width:100%;background:#fff;border:1px solid #dce3ee;border-radius:8px;padding:11px 12px;color:#273653;outline:0;min-height:41px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#5b79d2;box-shadow:0 0 0 3px #3155d013}.form-field textarea{min-height:90px;resize:vertical}.form-field input[readonly]{background:#f4f6f9;color:#77839a}.form-field .hint{color:#8693a8;font-size:10px;line-height:1.4}.check-line{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#465671;line-height:1.5}.check-line input{accent-color:var(--blue);margin-top:2px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.form-footer{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:24px}.policy-note{font-size:11px;color:#9b6b16;background:#fff8e9;border:1px solid #f5e2b5;padding:12px 15px;border-radius:8px;margin:18px 0}.detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:18px}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.kv span{display:block;color:#8592a8;font-size:10px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.kv strong{display:block;overflow-wrap:anywhere;color:#243653;font-size:12px}.section-divider{height:1px;background:#e8edf4;margin:20px 0}.timeline{border-left:2px solid #e2e8f5;padding-left:17px;margin:12px 0 4px 8px}.timeline-item{position:relative;padding:0 0 19px}.timeline-item:before{content:"";position:absolute;left:-23px;top:1px;width:10px;height:10px;border-radius:50%;background:#d9e1ed;border:3px solid #fff}.timeline-item.complete:before{background:#2a9c76}.timeline-item.current:before{background:#3466df}.timeline-item b{font-size:12px;color:#233451}.timeline-item span{display:block;font-size:11px;color:#75839b;margin-top:4px}.audit{font-size:11px;display:grid;gap:13px}.audit-row{border-bottom:1px solid #edf0f6;padding-bottom:13px}.audit-row b{color:#3f4f69}.audit-row .meta{color:#8290a4;margin-top:4px}.filebox{border:1px dashed #cbd8ef;padding:18px;border-radius:9px;background:#f9fbff;display:grid;gap:10px;font-size:12px;color:#61708d}.file-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);padding:12px 0}.file-row:last-child{border-bottom:0}.file-row button{color:#3154bb;background:none;border:0;font-size:11px;font-weight:800}.codebox{white-space:pre-wrap;word-break:break-word;background:#0f1d35;color:#c6e1ff;border-radius:9px;padding:18px;font-size:11px;max-height:380px;overflow:auto}.warn{color:#996719;font-size:12px;background:#fff8e9;border:1px solid #f4e2b5;border-radius:9px;padding:13px 15px;margin-bottom:17px}.sensitive{color:#6678a0;font-style:italic;font-size:11px}.toast{position:fixed;right:23px;bottom:24px;background:#1b2b4b;color:#fff;padding:14px 20px;border-radius:10px;box-shadow:0 12px 28px #15254045;max-width:420px;display:none;z-index:100}.toast.visible{display:block}.toast.error{background:#ac3446}.back{background:none;border:0;color:#3358b8;padding:0;margin-bottom:17px;font-size:12px;font-weight:800}.loading{color:#74829b;text-align:center;padding:70px 20px}.mobile-brand{display:none}
@media(max-width:1100px){.content{padding:28px 25px}.topbar{padding:0 25px}.sidebar{width:200px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid{gap:11px}.action-card{padding:18px}}
@media(max-width:790px){.sidebar{width:70px;padding:18px 8px}.brand{padding:4px 7px 25px}.brand strong,.brand small,.menu-label,.nav-link:not(.active),.sidebar-bottom{display:none}.nav-link{font-size:0;justify-content:center;padding:12px 9px}.nav-link span{font-size:20px}.topbar{padding:0 16px}.environment-tag,.profile-copy{display:none}.mobile-brand{display:block;margin-right:auto;font-size:17px;font-weight:800;color:#223759}.mobile-brand span{font-size:12px;font-weight:400}.content{padding:20px 15px}.detail-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.action-card{min-height:120px}.action-icon{margin-bottom:10px}.page-heading h1{font-size:23px}.form-panel{padding:20px}.form-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.metrics{gap:9px}.metric{padding:15px;min-height:100px}.metric .num{font-size:24px}.page-heading{flex-wrap:wrap}.kv-grid{gap:14px}}
@media(max-width:480px){.sidebar{display:none}.topbar{height:63px}#actor-switch{width:115px}.notice{font-size:11px}.form-footer{flex-direction:column}.form-footer .btn{width:100%}.btn-group{width:100%}.btn-group .btn{flex:1}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Explicitly preserve HTML hidden semantics against our .form-field display rule. */
.form-field[hidden]{display:none!important}

/* ========== Visual system F10: LionX holding + PhizChat + PWS Cloud ========== */
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;--blue:#6057dc;--ink:#1b2035;--muted:#758096;--border:#e5e8f0;color:#24283b;background:#f6f7fb}
html{scroll-behavior:smooth}body{background:#f6f7fb}
.sidebar{width:263px;background:#151727;color:#a4a8bf;padding:30px 15px 24px;box-shadow:6px 0 28px #13162708;gap:0}
.brand{display:flex;align-items:center;padding:0 12px 23px;gap:12px}
.brand-symbol{width:43px;height:43px;border-radius:13px}
.brand-words strong{font-size:28px;letter-spacing:-1.8px;font-weight:850;color:#fff;line-height:1}
.brand-words strong span{color:#b3aafe}
.brand-words small{display:block;margin-top:7px;font-size:8px;letter-spacing:1.4px;color:#7e869e;font-weight:700}
.sidebar-line{height:1px;background:#292b3d;margin:0 12px 25px}
.menu-label{padding:0 14px;color:#767b96;font-size:10px;letter-spacing:1.3px;font-weight:800;margin-bottom:13px}
.nav{display:grid;gap:5px}
.nav-link{width:100%;border:1px solid transparent;background:none;text-align:left;border-radius:11px;display:flex;align-items:center;padding:12px 14px;color:#aeb3c7;font-size:13px;gap:13px;font-weight:600}
.nav-link:hover,.sidebar-company:hover{background:#22263b;color:#fff}
.nav-link.active{background:#303050;color:#fff;border-color:#49436c;font-weight:760}
.nav-icon{display:inline-grid;place-items:center;width:24px;height:22px;font-size:17px;font-weight:400}
.company-line{margin:28px 12px 24px}
.sidebar-companies{display:grid;gap:5px}
.sidebar-company{width:100%;display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:12px;background:none;border:1px solid transparent;color:#dadcea;text-align:left;font-weight:760;font-size:12px}
.sidebar-company.selected{background:#252a3a;border-color:#383c50}
.sidebar-company img,.all-company-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;flex-shrink:0}
.all-company-mark{font-size:20px;background:#393653;color:#c0b9ff}
.sidebar-company span span,.sidebar-company span small{display:block}
.sidebar-company small{font-size:10px;font-weight:400;color:#9298ad;margin-top:3px}
.sidebar-bottom{margin-top:auto;padding:28px 13px 6px;color:#858ba1}
.sidebar-bottom small{font-size:10px;color:#777d92}
.pilot-sign{display:flex;align-items:center;gap:7px;color:#cbd0df;font-size:11px}.pilot-dot{width:7px;height:7px;border-radius:100%;background:#b5f47f;box-shadow:0 0 0 4px #b5f47f1f}.sidebar-bottom p{font-size:10px;line-height:1.5;color:#81899e;margin:10px 0 7px}
.main{background:#f7f8fb;min-width:0;flex:1}
.topbar{height:76px;padding:0 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7e9f0;background:rgba(255,255,255,.92)}
.topbar-left{display:flex;align-items:center;gap:13px;font-size:12px;color:#272c45}.breadcrumbs{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#969caf}.crumb-divider{color:#cdd2de}
.environment-tag{background:#f0eefc;color:#655cc5;font-size:10px;letter-spacing:1px;font-weight:800;border-radius:50px;padding:9px 13px}
.profile-block{border-left:1px solid #e7eaf0;padding-left:18px}.avatar{background:#dedafc;color:#5149a6;border-radius:12px;width:38px;height:38px}
.content{max-width:1400px;padding:30px 46px 44px}
.notice{background:#fffaf0;border:1px solid #f1e5c7;color:#826d49;border-radius:12px;margin-bottom:26px;line-height:1.5;padding:12px 17px;font-size:11px}
.notice strong{color:#694d27}
.hero{background:radial-gradient(circle at 93% 12%,#7c79d94a,transparent 32%),linear-gradient(119deg,#202239 0%,#30304d 65%,#393557 100%);border-radius:22px;padding:38px 40px 34px;color:#fff;position:relative;overflow:hidden;margin-bottom:29px;min-height:235px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.hero:before{content:"";position:absolute;border:1px solid #ffffff1e;width:320px;height:320px;border-radius:50%;right:-60px;top:-175px;box-shadow:0 0 0 55px #ffffff07,0 0 0 110px #ffffff04;pointer-events:none}
.hero .hero-content{position:relative;z-index:1;max-width:620px}
.hero-kicker{font-size:10px;letter-spacing:1.9px;color:#c2bdfb;font-weight:800;margin-bottom:13px}
.hero h1{color:#fff;font-size:31px;letter-spacing:-1.1px;font-weight:800;line-height:1.15;margin-bottom:12px}
.hero p{font-size:13px;line-height:1.65;color:#ccd0e4;margin-bottom:22px;max-width:530px}
.hero .btn-primary{background:#bcf57d;color:#172425;border:1px solid #bcf57d;box-shadow:none;font-weight:800;padding:12px 18px}
.hero .btn-primary:hover{background:#d1ff9e}
.hero-art{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0}
.hero-art .hero-orbit{width:148px;height:148px;border:1px solid #ffffff35;border-radius:36px;transform:rotate(-11deg);display:grid;place-items:center;box-shadow:0 0 0 16px #ffffff08}
.hero-art .hero-orbit img{width:101px;height:101px;transform:rotate(11deg);box-shadow:0 14px 32px #0b0b1c55;border-radius:22px}
.company-section-top{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:15px}
.company-section-top h2,.section-head h2{font-size:17px;letter-spacing:-.4px;font-weight:790;color:#23283c;margin:0}
.company-section-top p{font-size:11px;color:#8b94a8;margin:6px 0 0}
.company-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:30px}
.company-tile{border:1px solid #e5e8f1;background:#fff;border-radius:15px;min-height:93px;padding:17px 16px;display:flex;align-items:center;gap:13px;text-align:left;position:relative;box-shadow:0 2px 5px #1a26510a;transition:transform .15s,border .15s,box-shadow .15s}
.company-tile:hover{transform:translateY(-2px);border-color:#c4c2e9;box-shadow:0 8px 20px #20264810}
.company-tile.selected{border:2px solid #8880e5;background:#fdfcff;padding:16px 15px}
.company-tile img{width:49px;height:49px;border-radius:12px;flex-shrink:0}
.company-tile strong{font-size:13px;font-weight:800;color:#24293f;display:block}
.company-tile small{color:#929bae;font-size:10px;display:block;margin-top:6px}
.company-tile .tile-check{margin-left:auto;color:#7f74db;font-weight:900;font-size:16px}
.metrics{gap:13px;margin-bottom:30px}
.metric{border:1px solid #e5e9f0;border-radius:14px;padding:20px;box-shadow:0 2px 5px #1a265109;background:white;min-height:124px}
.metric .label{color:#858fa5;font-size:11px;font-weight:730}.metric .num{color:#242943;font-size:30px;letter-spacing:-1.2px}.metric .foot{font-size:10px;color:#98a1b0}
.section-head{margin-bottom:15px}.action-grid{gap:14px}
.action-card{border-radius:16px;min-height:167px;padding:22px;border-color:#e5e8ef;box-shadow:0 2px 5px #1a265108}
.action-card strong{font-size:14px}.action-card p{font-size:11px;line-height:1.6;margin-right:30px}
.action-card:after{content:"→";right:21px;bottom:20px;font-size:18px;color:#867ee0}
.action-icon{border-radius:12px;width:42px;height:42px;margin-bottom:17px}
.purple{background:#f0ebff;color:#6558c6}.green{background:#e8faec;color:#239760}.blue{background:#e9f3ff;color:#3d75c6}
.page-heading{margin-bottom:24px}.eyebrow{color:#7b73bd}.page-heading h1{font-weight:810;color:#242943;font-size:27px}
.btn{border-radius:10px;font-weight:720}.btn-primary{background:#655add;border-color:#655add}.btn-primary:hover{background:#5044c4}
.panel,.form-panel{border:1px solid #e4e7ef;border-radius:15px;box-shadow:0 2px 9px #1a26510b}
.form-shell{max-width:1120px}.form-panel{padding:28px}.form-panel h2{font-size:16px;color:#232942;letter-spacing:-.3px}
.form-field label{font-size:12px}.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{border-radius:10px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#8e85e6;box-shadow:0 0 0 3px #6255df16}
.form-field[hidden]{display:none!important}
.offline-alert{padding:16px 18px;border:1px solid #ecd6b1;background:#fff9eb;border-radius:12px;color:#806238;font-size:12px;line-height:1.6;margin-bottom:18px}
.offline-alert strong{display:block;color:#74552e;font-size:12px;margin-bottom:4px}
.preview-confirmation{max-width:760px;margin:24px 0;padding:28px;border:1px solid #e7e6f8;background:#fff;border-radius:16px}
.preview-confirmation h2{font-size:19px;color:#242943;margin-bottom:8px}.preview-confirmation p{color:#788299;font-size:13px;line-height:1.6}
.company-section-top .text-link{display:inline-flex;align-items:center;background:transparent;border:0;padding:4px 0;font-size:11px;font-weight:800;color:#655add;white-space:nowrap}.mobile-nav{display:none}.portal-footer{display:flex;justify-content:space-between;gap:15px;color:#949cad;font-size:10px;margin-top:40px;padding-top:20px;border-top:1px solid #e6e9f0}
@media(max-width:1200px){.content{padding:25px 28px 40px}.topbar{padding:0 28px}.sidebar{width:240px}.hero{padding:30px}.hero h1{font-size:27px}}
@media(max-width:900px){.sidebar{width:80px;padding:24px 8px}.brand{padding:0 9px 28px}.brand-words,.sidebar-line,.menu-label,.sidebar-companies,.sidebar-bottom,.nav-link:not(.active){display:none}.nav-link{font-size:0;justify-content:center;padding:12px 8px}.nav-link .nav-icon{font-size:20px}.nav{display:grid;gap:8px}.topbar-left{display:none}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:17px}.mobile-brand img{width:29px;height:29px;border-radius:8px}.mobile-brand span{font-size:11px}.company-tiles{grid-template-columns:repeat(3,1fr)}.company-tile{padding:12px 10px;gap:9px}.company-tile img{width:38px;height:38px}.company-tile.selected{padding:11px 9px}}
@media(max-width:710px){.hero{padding:28px 22px;min-height:0}.hero-art{display:none}.hero h1{font-size:25px}.company-tiles{grid-template-columns:1fr}.company-tile{min-height:70px;padding:10px 15px}.company-tile.selected{padding:9px 14px}.company-tile img{width:43px;height:43px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid{grid-template-columns:1fr}.content{padding:18px 15px}.topbar{padding:0 14px}.environment-tag{display:none}.form-panel{padding:18px}.portal-footer{flex-direction:column;gap:5px}}
@media(max-width:480px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;background:#fff;border-top:1px solid #e7e9f0;z-index:15;justify-content:space-around;align-items:center;box-shadow:0 -6px 25px #17192b0b}.mobile-nav button{border:0;background:transparent;min-width:75px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#6057dc;font-size:20px;font-weight:700}.mobile-nav span{font-size:10px;color:#556079}.portal-footer{padding-bottom:60px}.sidebar{display:none}.topbar{height:64px}.topbar-right{gap:8px}.profile-block{display:none}#actor-switch{width:106px}.hero{border-radius:16px}.hero h1{font-size:24px}.metrics{gap:9px}.metric{padding:14px}.section-head{flex-wrap:wrap}.page-heading h1{font-size:24px}}

/* v0.3 official logos */
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0 12px 30px}
.brand-symbol{display:block;max-width:156px;width:100%;height:auto;object-fit:contain}
.brand-words{display:grid;gap:4px}
.brand-words small{font-size:10px;letter-spacing:1.7px;color:#8f98ad;font-weight:800}
.brand-words strong{font-size:12px;letter-spacing:0;color:#fff;font-weight:700}
.mobile-brand{display:none;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#151c32}
.mobile-brand img{width:auto;height:28px;max-width:100px;object-fit:contain}
.sidebar-company img{width:68px;height:34px;object-fit:contain;border-radius:10px;flex-shrink:0;background:#fff;padding:5px;border:1px solid rgba(255,255,255,.08)}
.sidebar-company.company-lionx img{background:transparent;border-color:transparent;padding:0;height:30px;width:60px}
.company-tile img{width:92px;height:44px;object-fit:contain;border-radius:12px;flex-shrink:0;background:#fff;padding:6px;border:1px solid #edf0f5}
.company-tile[data-company="LionX Holding"] img{background:#0a0a0a;border-color:#0a0a0a;padding:4px}
.hero-art .hero-orbit.hero-orbit-logo{width:220px;height:140px;border-radius:26px;transform:none;box-shadow:0 0 0 14px rgba(255,255,255,.05);background:rgba(255,255,255,.03)}
.hero-art .hero-orbit.hero-orbit-logo img{width:156px;height:auto;transform:none;border-radius:0;box-shadow:none}
@media(max-width:900px){
  .brand{padding:0 0 28px;align-items:center}
  .brand-symbol{max-width:52px}
  .brand-words{display:none}
  .mobile-brand{display:flex}
}
@media(max-width:710px){
  .company-tile img{width:84px;height:40px}
}

/* v0.4: alinhar o logo original e usar identidade oficial LionX */
:root{--blue:#00bf63}
.sidebar{background:#080b0b}
.brand{padding:0 10px 27px;gap:7px;align-items:flex-start}
.brand-symbol{max-width:none;width:176px;height:52px;object-fit:contain;object-position:left center;margin-left:-2px}
.brand-words{padding-left:0;gap:5px}
.brand-words strong{font-size:13px;line-height:1.25;font-weight:730;color:#f3f7f5;letter-spacing:0}
.brand-words small{font-size:8px;color:#9cae9f;letter-spacing:1.1px}
.sidebar-company.company-lionx img{object-fit:contain;background:transparent;width:65px;height:30px}
.nav-link.active{background:#102a20;border-color:#216849}
.nav-link:hover,.sidebar-company:hover{background:#153225}
.sidebar-company.selected{background:#142f21;border-color:#20533b}
.hero{background:radial-gradient(circle at 92% 9%,#00cf6740,transparent 37%),linear-gradient(120deg,#07100d,#12241b 74%,#133626)}
.hero .btn-primary,.btn-primary{background:#00c964;border-color:#00c964;color:#032a18}
.btn-primary:hover,.hero .btn-primary:hover{background:#25dd7d;border-color:#25dd7d;color:#032a18}
.hero-kicker{color:#55f29b}
.hero-art .hero-orbit.hero-orbit-logo{width:230px;height:140px;background:rgba(0,0,0,.12);border-color:#64ffab45}
.hero-art .hero-orbit.hero-orbit-logo img{width:188px;max-width:90%;height:auto;object-fit:contain}
.company-tile.selected{border-color:#00b65b;background:#f4fff8}
.company-tile .tile-check,.company-section-top .text-link,.page-heading .eyebrow{color:#007c42}
.company-tile[data-company="LionX Holding"] img{background:#090909;border-color:#090909}
.environment-tag{background:#e6f9ee;color:#187342}
.nav-link.active .nav-icon{color:#60efa0}
.finance-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.finance-actions{display:flex;gap:6px;flex-wrap:wrap}
#finance-nav[hidden]{display:none!important}
.mobile-brand img{height:31px;width:108px;max-width:108px;object-fit:contain;background:#080b0b;padding:4px;border-radius:6px}
@media(max-width:900px){.brand-symbol{width:54px;height:36px;object-fit:cover;object-position:center}.brand{padding:0 0 28px;align-items:center}}
@media(max-width:480px){.brand-symbol{width:116px;height:34px}.finance-toolbar .btn{width:100%}}

/* 0.5: topo alinhado, campos e identidade da holding */
.sidebar .brand{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:132px;padding:4px 8px 28px;gap:12px}
.sidebar .brand-symbol{display:block;width:176px;max-width:95%;height:64px;object-fit:contain;object-position:center;margin:0 auto}
.sidebar .brand-words{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;margin:0}
.sidebar .brand-words strong{font-size:13px;text-align:center;line-height:1.25}
.sidebar .brand-words small{font-size:8px;letter-spacing:1.15px;text-align:center;white-space:normal}
.form-user-note{background:#eef9f1;border:1px solid #bfe8ca;border-radius:12px;padding:13px 15px;font-size:12px;margin:0 0 18px;color:#285c3c}
.question-number{color:#16b75a;font-weight:850;font-variant-numeric:tabular-nums}
.required-mark{color:#b22626;font-size:14px}
.restricted-pill{font-size:9px;color:#245f43;background:#e2f9eb;padding:3px 6px;border-radius:6px;font-weight:800}
.form-field[hidden]{display:none!important}
.form-field label{line-height:1.45}
.form-field input[type=file]{width:100%;font-size:12px;border:1px dashed #a9ccb2;padding:13px;background:#f5fff7;border-radius:10px}
.form-field .hint{line-height:1.45}
.form-field input[type=text]{min-width:0}
@media(max-width:900px){.sidebar .brand{min-height:90px;padding:0 4px 20px}.sidebar .brand-symbol{height:42px;max-width:60px;object-fit:contain}.sidebar .brand-words{display:none}}
@media(max-width:480px){.mobile-brand{display:flex;gap:10px;align-items:center}.mobile-brand img{object-fit:contain;object-position:center}}

/* Security: hidden attribute must override author display rules. */
[hidden]{display:none!important}


/* ────────────────────────────── PONT. design system / v0.7 ─────────────── */
:root{--blue:#0077ed;--border:#e0e9f2;--muted:#697b97;--pont-navy:#061528;--pont-darker:#03101e;--pont-blue:#082f65;--pont-cyan:#07d8e5;--pont-line:#e6edf4}
html{scroll-behavior:smooth}body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:#f5f8fc;color:#102342}
button{transition:background-color .18s,border-color .18s,transform .18s,box-shadow .18s}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #20d7e6;outline-offset:3px}
.layout{min-height:100vh}
.sidebar{background:linear-gradient(177deg,#061425 0%,#06182c 60%,#071a2f 100%);width:266px;padding:26px 14px 22px;border-right:1px solid #15365a}
.brand{padding:0 12px 24px;margin:0 0 14px;gap:9px;align-items:flex-start;min-height:87px}
.brand-symbol{width:190px;max-width:100%;height:auto;object-fit:contain;object-position:left center}
.brand-words{gap:2px}.brand-words strong{font-size:12px;font-weight:690;letter-spacing:.04em;color:#d6eaff}
.brand-words small{font-size:8px;color:#81a7c5;letter-spacing:.11em}
.sidebar-line{background:#203956;margin:0 9px 22px}.menu-label{color:#7fa3c4;letter-spacing:1.5px;font-size:10px}
.nav-link{color:#d0dfec;font-size:12px;border-radius:11px;padding:12px 12px;gap:12px}
.nav-link .nav-icon{font-size:18px;width:22px;min-width:22px}
.nav-link.active{background:linear-gradient(110deg,#0a447c,#064a78);border:1px solid #168cca;color:#f8ffff;box-shadow:0 4px 14px #00132335;padding:11px 11px}
.nav-link:hover,.sidebar-company:hover{background:#102d49;color:#fff}
.sidebar-company{color:#e7f3ff;padding:11px 9px;gap:10px}
.sidebar-company.selected{background:#0e2a44;border-color:#2c5274}
.sidebar-company img{width:66px;height:32px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}
.sidebar-company.company-lionx img{background:#050608;width:66px;padding:4px}
.sidebar-bottom{border-top:1px solid #294560;padding-top:17px;color:#89a4be}
.pilot-dot{background:#02d4da;box-shadow:0 0 0 4px #05dce620}
.main{background:linear-gradient(180deg,#f9fbff 0%,#f4f7fc 100%)}
.topbar{height:74px;border-bottom:1px solid #e6edf4;background:#fff;padding:0 34px}
.topbar-left{font-size:13px}.breadcrumbs{color:#164d83}.crumb-divider{color:#bdd0de}
.environment-tag{background:#e8f8f4;color:#116f61;font-size:10px;border:1px solid #d6efe8}
.avatar{background:#e8f0ff;color:#0c5f9e}.profile-block{border-left-color:#e5edf4}
.content{max-width:1490px;padding:26px 32px 44px}
.notice{background:#eff9ff;border:1px solid #d2e9f3;color:#436780;border-radius:11px;margin-bottom:20px;font-size:11px}
.notice strong{color:#144b77}
.hero{background:radial-gradient(circle at 83% 7%,#0876a85c,transparent 47%),linear-gradient(118deg,#071629 0%,#08234a 64%,#073660 100%);min-height:242px;padding:36px 38px;border:1px solid #173d65;border-radius:19px;box-shadow:0 8px 24px #07315d14;display:flex;align-items:center;position:relative;overflow:hidden}
.hero:before{width:490px;height:360px;border:1px solid #09cadb33;border-radius:50%;right:-138px;top:-176px;transform:rotate(-20deg);box-shadow:0 0 0 39px #02bff40c,0 0 0 99px #00b3e80b;content:""}
.hero:after{content:"";position:absolute;width:600px;height:170px;bottom:-130px;right:-70px;transform:rotate(-18deg);border:1px solid #12b8e461;border-radius:50%;pointer-events:none}
.hero .hero-content{max-width:650px}.hero-kicker{color:#18d9e7;letter-spacing:2.5px;font-size:10px}
.hero h1{font-size:31px;max-width:630px;font-weight:820;line-height:1.23;letter-spacing:-.9px}
.hero h1 span{color:#09dae6}.hero p{color:#d5e7f5;font-size:13px;max-width:515px}
.hero .btn-primary{background:linear-gradient(100deg,#0adce8,#04bedc);border:1px solid #14e0e5;color:#032843;padding:12px 19px;border-radius:11px;font-size:12px}
.hero .btn-primary:hover{background:#36f5f2}
.hero-art{position:relative;min-width:250px;flex-direction:column;align-items:center;gap:12px}
.hero-pont-logo{width:245px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 14px #03101a50)}
.hero-art span{font-size:10px;letter-spacing:1.9px;color:#62d5eb;font-weight:800;text-align:center;line-height:1.7}
.company-section-top{margin:24px 0 13px}.company-section-top h2,.section-head h2{font-size:17px;color:#152845}.company-section-top p{color:#7f8fa7;font-size:11px}
.company-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:24px}
.company-tile{min-width:0;min-height:88px;gap:10px;padding:15px 11px;border-radius:13px;border:1px solid #e0e9f3;box-shadow:0 3px 12px #052b5110;background:#fff}
.company-tile.selected{border:1.5px solid #37a7ee;background:#f1f8ff;padding:14.5px 10.5px}
.company-tile img{width:76px;height:41px;padding:5px;object-fit:contain;border-radius:9px;flex-shrink:0}
.company-tile[data-company="LionX Holding"] img{background:#080a0c;border-color:#080a0c}
.company-tile strong{font-size:12px;color:#16314f}.company-tile small{font-size:10px}.company-tile .tile-check{color:#1672ca;font-size:15px}
.consolidated-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:linear-gradient(130deg,#0d4783,#249bd2);color:#fff;font-size:25px;flex-shrink:0}
.metric{border:1px solid #e3eaf4;border-radius:14px;background:#fff;box-shadow:0 3px 14px #12385b0a;min-height:119px}
.metric .label{color:#6883a1}.metric .num{color:#0c2346;font-size:30px}
.section-head{margin-top:14px}.action-grid{gap:12px}
.action-card{min-height:148px;border:1px solid #e5ebf6;box-shadow:0 3px 12px #1e42750b;border-radius:14px;background:#fff}
.action-card:hover{border-color:#37b3d9;box-shadow:0 8px 18px #0b679625}
.action-icon{font-size:20px;width:43px;height:43px}.purple{background:#efeeff;color:#585bd5}.green{background:#dff9ec;color:#078d69}.blue{background:#e6f4ff;color:#126dd3}
.action-card:after{color:#0e9bbd}.action-card strong{color:#123456}.action-card p{color:#7287a2}
.panel,.form-panel{border:1px solid #e0eaf3;box-shadow:0 3px 16px #123a5c0b;background:#fff;border-radius:15px}
th{color:#607e9c;background:#f7faff}td .linkish{color:#066ca6}
.page-heading h1{font-size:28px;color:#092e56}.eyebrow{color:#1682b5}
.btn{border-radius:10px}.btn-primary{background:#08c7d9;border-color:#08c7d9;color:#053047}.btn-primary:hover{background:#05a8c8;border-color:#05a8c8;color:#fff}
.btn-green{background:#047f78;border-color:#047f78}
.text-link,.company-section-top .text-link,.back{color:#127bac}
.form-shell{max-width:1100px}.form-panel{padding:28px}
.form-panel h2{color:#0a3157;border-bottom:1px solid #e4edf4;padding-bottom:13px;margin-bottom:20px;font-weight:760}
.form-panel h2 span{font-weight:400;color:#7390a9}
.form-field label{color:#284968;font-size:12px}
.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{border-color:#d7e4ef;border-radius:10px;background:#fff;color:#133c59}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#26a7da;box-shadow:0 0 0 3px #00d4e71b}
.question-number{color:#0785ba}.required-mark{color:#db5072}
.form-user-note{background:#effaff;border:1px solid #d2ecf5;border-radius:11px;color:#34647d}
.policy-note{border-color:#d9e9ed;background:#f4fbfc;color:#397081}
.offline-alert{background:#eff8ff;border-color:#d5eaf8;color:#35647d}.offline-alert strong{color:#0b527c}
.portal-footer{color:#7c93ab}
@media(max-width:1280px){.company-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{min-width:205px}.hero-pont-logo{width:195px}}
@media(max-width:900px){.sidebar{width:79px;padding:22px 8px}.brand{padding:0 0 19px;min-height:45px}.brand-symbol{width:60px;height:34px;max-width:100%;object-fit:contain}.hero-art{min-width:175px}.hero-pont-logo{width:170px}.mobile-brand{display:flex}.mobile-brand img{width:101px;height:auto;max-width:none}.mobile-brand span{white-space:nowrap;font-size:10px}.company-tile img{width:76px}}
@media(max-width:710px){.hero-art{display:none}.hero{padding:29px 23px;min-height:0}.hero h1{font-size:25px}.company-tiles{grid-template-columns:1fr}.content{padding:17px 14px 32px}.form-panel{padding:18px}.company-tile{min-height:78px}.company-tile.selected{padding:13.5px 10.5px}}
@media(max-width:480px){.sidebar{display:none}.topbar{height:64px;padding:0 13px}.mobile-brand{display:flex;align-items:center;gap:7px}.mobile-brand img{width:105px;height:auto;max-height:40px}.mobile-brand span{font-size:10px;line-height:1.15}.content{padding-bottom:72px}.hero h1{font-size:23px}.hero{padding:24px 21px}.nav-link{font-size:12px}.company-tile img{width:78px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Preserve the original navy PONT. wordmark on the light mobile topbar. */
.mobile-brand img{background:transparent!important;padding:0!important;border-radius:0!important;object-fit:contain}
@media(max-width:480px){.mobile-brand img{width:120px;max-width:120px;height:auto}}

/* PONT. v0.8: logo never cropped, even at intermediate breakpoints */
.brand{width:100%;min-width:0;overflow:visible;align-items:center;justify-content:center}
.brand-symbol{display:block;position:static;width:100%;max-width:206px;height:auto;max-height:76px;aspect-ratio:auto;object-fit:contain;object-position:center center;margin:0 auto;flex-shrink:0}
.brand-words{width:100%;max-width:218px;text-align:center;min-width:0;overflow-wrap:normal}
.brand-words small{font-size:9px;letter-spacing:0.02em;line-height:1.4;text-transform:none}
.hero-art{flex-shrink:0;min-width:245px;max-width:290px;overflow:visible}
.hero-pont-logo{display:block;width:100%;max-width:260px;height:auto;object-fit:contain}
.hero-art span{font-size:12px;font-weight:680;letter-spacing:.01em;line-height:1.5;text-transform:none;color:#6de1eb}
.mobile-brand{min-width:0;overflow:visible}
.mobile-brand img{display:block;flex:none;width:120px;height:auto;max-width:120px;max-height:45px;object-fit:contain;object-position:center}
.inline-note{background:#f0faff;color:#1d5677;border:1px solid #b6e6f0;border-radius:11px;padding:12px 15px;margin:14px 0 18px;font-size:12px;line-height:1.55}
.inline-note strong{color:#073b64}
@media(max-width:900px){.brand-symbol{width:66px;height:auto;max-width:66px;max-height:50px;object-fit:contain}.hero-art{min-width:184px;max-width:205px}.mobile-brand img{width:120px;max-width:120px}}
@media(max-width:710px){.hero-art{display:none}}
@media(max-width:480px){.mobile-brand img{width:110px;max-width:110px;height:auto;max-height:42px}.mobile-brand span{white-space:normal}}


/* ===============================================================
   PONT. v0.9 — dashboard redesign based on approved visual direction
   Styles are additive; all v0.8 form components remain functional.
   =============================================================== */
[hidden]{display:none!important}
:root{--ink:#10213c;--pont-navy:#061629;--pont-cyan:#03d7df;--card-border:#e7edf5}
body{background:#f4f7fb;font-family:Inter,"Segoe UI",Arial,sans-serif}
.sidebar{width:248px;background:linear-gradient(170deg,#041528,#071f34 100%);border-right:0;padding:29px 15px 24px}
.brand{padding:0 6px 24px;margin-bottom:19px;min-height:59px;align-items:center;justify-content:flex-start;overflow:visible}
.brand-symbol{width:203px;height:auto;max-height:none;max-width:100%;margin:0;object-fit:contain}
.nav{gap:8px}
.nav-link{font-size:13px;font-weight:650;color:#d2ddea;padding:12px 13px;min-height:45px;border-radius:10px}
.nav-link.active{background:linear-gradient(105deg,#0b416c,#0a355a);border:1px solid #117cb3;padding:11px 12px;box-shadow:0 5px 15px #010b1530}
.nav-link .nav-icon{font-size:20px;width:24px;min-width:24px;line-height:1}
.menu-label{padding:0 11px 12px;font-size:10px;color:#98afc3}
.sidebar-company{padding:8px 8px;gap:10px;font-size:12px}
.sidebar-company img{width:58px;height:34px;object-fit:contain;background:#fff;padding:3px;border-radius:7px}
.sidebar-company.company-lionx img{background:#040708;padding:3px}
.sidebar-company small{color:#92b0c7}
.sidebar-bottom{font-size:10px}
.topbar{height:74px;padding:0 27px;justify-content:space-between}
.topbar-search{display:flex;align-items:center;gap:10px;width:min(500px,55%);padding:0 14px;background:#f2f6fb;border:1px solid #e5edf5;border-radius:13px;height:43px;min-width:0}
.topbar-search span{color:#477091;font-size:23px;line-height:1}
.topbar-search input{display:block;width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:12px;color:#223c56}
.topbar-search input:focus{box-shadow:none;outline:none}
.topbar-search:focus-within{border-color:#11b3d2;box-shadow:0 0 0 3px #09d1e01a}
.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
.avatar{background:#e8efff;color:#164a83}
.content{max-width:1650px;padding:23px 28px 50px}
.notice{margin-bottom:15px;padding:9px 13px;font-size:11px}
.hero.pont-hero{height:auto;min-height:229px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin-bottom:20px;padding:30px 37px;border:1px solid #073d61;border-radius:16px;background:radial-gradient(ellipse at 72% 30%,#017a9a78,transparent 42%),linear-gradient(110deg,#05182d 8%,#07284c 57%,#065075 100%)}
.pont-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04142c38,transparent 72%),repeating-linear-gradient(108deg,#ffffff00 0 85px,#a7e8f009 87px,#ffffff00 92px);pointer-events:none}
.pont-hero:after{content:"";position:absolute;right:15%;bottom:-82%;width:58%;height:140%;border-top:27px solid #00cae95e;border-bottom:22px solid #23f7d618;transform:rotate(-14deg);border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 18px #00ceeb67)}
.pont-hero .hero-content{position:relative;z-index:2;max-width:650px}
.pont-hero .hero-pont-logo{width:220px;height:auto;max-width:65%;display:block;margin:0 0 18px;filter:drop-shadow(0 3px 9px #00182944)}
.pont-hero h1{font-size:clamp(25px,2.6vw,38px);font-weight:810;color:#fff;line-height:1.13;letter-spacing:-.95px;margin:0 0 6px}
.pont-hero .hero-slogan{color:#8de9ef;margin:0;font-size:clamp(14px,1.35vw,18px);line-height:1.45;max-width:none;font-weight:450}
.pont-hero .hero-note{position:relative;z-index:2;align-self:center;margin-left:auto;background:#041b34bf;border:1px solid #4cd5df48;box-shadow:0 12px 35px #01182c6b;border-radius:14px;color:#d9eef6;padding:22px 26px;font-size:13px;line-height:1.7;max-width:265px;min-width:190px}
.pont-hero .hero-note:after{content:"";display:block;width:34px;height:3px;background:#08ebed;margin-top:13px;border-radius:8px}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(260px,0.95fr);gap:17px;align-items:start}
.dashboard-primary,.dashboard-aside{display:grid;gap:17px;min-width:0}
.dashboard-panel{background:#fff;border:1px solid #e9edf4;border-radius:17px;padding:17px 18px;box-shadow:0 5px 17px #183e6810;min-width:0}
.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.panel-heading h2{font-size:17px;color:#112743;letter-spacing:-.3px;margin:0 0 4px;line-height:1.3}
.panel-heading p{font-size:11px;color:#6e829b;margin:0;line-height:1.5}
.panel-heading .btn{background:#08274a;color:#fff;border-color:#08274a;box-shadow:0 4px 10px #0c356827;white-space:nowrap}
.panel-heading .btn:hover{background:#07517f;color:#fff}
.panel-heading .text-link{border:0;background:transparent;color:#056dad;font-weight:800;font-size:11px;white-space:nowrap}
.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.services-grid:has(.service-card:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
.service-card{appearance:none;border:1px solid transparent;border-radius:12px;min-width:0;min-height:162px;text-align:left;padding:13px 11px;display:flex;flex-direction:column;position:relative;transition:transform .17s,box-shadow .17s,border-color .17s}
.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10243e15;border-color:#8fc3e6}
.service-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;margin:2px 0 12px}
.service-card strong{font-size:13px;line-height:1.2;letter-spacing:-.3px;color:#0d2b49;margin-bottom:6px;font-weight:800}
.service-card small{font-size:10px;color:#55728e;line-height:1.43;padding-right:7px;margin-bottom:22px}
.service-chevron{position:absolute;right:11px;bottom:9px;border-radius:100%;background:#fff;color:#1d5387;width:24px;height:24px;display:grid;place-items:center;font-size:21px;font-weight:700;box-shadow:0 3px 8px #0923411a}
.service-buy{background:linear-gradient(135deg,#e7f4ff,#f4f9ff)}.service-buy .service-icon{background:#cfebff;color:#176dcd}
.service-refund{background:linear-gradient(135deg,#e0f9f0,#f2fff9)}.service-refund .service-icon{background:#caf4e5;color:#039975}
.service-travel{background:linear-gradient(135deg,#eee9ff,#faf6ff)}.service-travel .service-icon{background:#e4dbff;color:#7453d7}
.service-approve{background:linear-gradient(135deg,#fff0e0,#fffaf1)}.service-approve .service-icon{background:#ffe1b2;color:#db8a00}
.service-finance{background:linear-gradient(135deg,#e4f4ff,#f5fbff)}.service-finance .service-icon{background:#d4ebff;color:#2483d5}
.ecosystem-panel{padding:17px 15px}.ecosystem-panel .panel-heading{padding:0 4px;margin-bottom:11px}
.ecosystem-panel .company-tiles{display:grid;grid-template-columns:1fr;gap:9px;margin:0}
.ecosystem-panel .company-tile{width:100%;min-height:58px;padding:9px 11px;border-radius:11px;box-shadow:none;gap:12px}
.ecosystem-panel .company-tile.selected{padding:8px 10px;border-color:#4db6db;background:#effbff}
.ecosystem-panel .company-tile img{display:block;width:83px;height:39px;object-fit:contain;flex:0 0 83px;border-radius:7px;background:#fff;padding:4px}
.ecosystem-panel .company-tile[data-company="LionX Holding"] img{background:#000}
.ecosystem-panel .company-tile strong{color:#132f50;font-size:11px}
.ecosystem-panel .company-tile small{font-size:9px;margin-top:3px;line-height:1.35}
.ecosystem-panel .consolidated-icon{height:38px;width:83px;flex:0 0 83px;font-size:22px}
.ecosystem-panel .tile-check{font-size:20px;color:#0b6094}
.indicators-panel .panel-heading{margin-bottom:12px}
.indicators-panel .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}
.indicators-panel .metric{min-height:75px;padding:10px;display:flex;gap:8px;align-items:center;border-radius:11px;box-shadow:none;border:1px solid #e5ecf4}
.indicators-panel .metric .num{font-size:24px;line-height:1.1;margin:0;color:#0e3052}
.indicators-panel .metric .label{font-size:10px;font-weight:560;line-height:1.2;color:#6b8095;margin-top:5px}
.indicators-panel .metric-wide{grid-column:span 2}
.metric-icon{height:34px;width:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;font-size:23px;font-weight:650}
.mi-blue{background:#e4f3ff;color:#1876c7}.mi-green{background:#e3f8ed;color:#11a875}.mi-amber{background:#fff4d9;color:#e7a522}.mi-red{background:#ffeaee;color:#dd536a}.mi-violet{background:#f0edff;color:#7c6fd1}
.recent-panel{padding:17px 18px;overflow:hidden}
.recent-panel .panel-heading{margin-bottom:12px}
.recent-panel .table-wrap{margin:0;max-width:100%}
.recent-panel table{font-size:11px}.recent-panel th{background:#f5f8fc;color:#607896;font-size:10px}
.recent-panel td,.recent-panel th{padding:11px 10px}
.recent-panel tbody tr:hover{background:#f6faff}
.recent-panel .status{white-space:nowrap;font-size:10px}
.recent-panel .small{font-size:10px}
.inline-note{margin:0 0 12px;border-color:#c1e5ef;background:#f0fafe;font-size:11px}
/* The sidebar always shows the real organization identities; PONT. is the platform, not a fourth company. */
@media(max-width:1450px){.services-grid,.services-grid:has(.service-card:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{min-height:149px}.dashboard-columns{grid-template-columns:minmax(0,2fr) minmax(250px,.95fr)}}
@media(max-width:1100px){.sidebar{width:210px}.brand-symbol{width:174px}.dashboard-columns{grid-template-columns:minmax(0,1fr)}.dashboard-aside{grid-template-columns:1.4fr 1fr;align-items:start}.services-grid,.services-grid:has(.service-card:nth-child(5)){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{width:76px;padding:25px 7px}.brand{padding:0 0 20px;justify-content:center;margin:0}.brand-symbol{width:62px;max-width:100%}.sidebar-companies,.sidebar-bottom,.sidebar-line,.menu-label{display:none}.nav-link{font-size:0;justify-content:center;padding:11px 8px!important}.nav-link .nav-icon{font-size:22px}.nav-link:not(.active){display:flex}.topbar{padding:0 19px}.topbar-search{width:50%}.mobile-brand{display:none}}
@media(max-width:710px){.hero.pont-hero{min-height:193px;padding:24px}.pont-hero .hero-note{display:none}.dashboard-aside{grid-template-columns:1fr}.services-grid,.services-grid:has(.service-card:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{gap:13px}.dashboard-primary,.dashboard-aside{gap:13px}.topbar-search{width:60%}.pont-hero .hero-pont-logo{width:188px}}
@media(max-width:480px){.sidebar{display:none}.topbar{height:66px;padding:0 13px}.mobile-brand{display:flex;margin-right:8px}.mobile-brand img{width:92px;max-width:92px;height:auto}.topbar-search{width:100%;height:38px;padding:0 9px}.topbar-search input{font-size:10px}.topbar-right{display:none}.content{padding:13px 12px 75px}.hero.pont-hero{padding:26px 21px;min-height:183px;border-radius:13px}.pont-hero h1{font-size:26px}.pont-hero .hero-slogan{font-size:14px}.pont-hero .hero-pont-logo{width:156px;margin-bottom:16px}.dashboard-panel{padding:14px}.panel-heading{align-items:flex-start}.panel-heading h2{font-size:16px}.panel-heading .btn{padding:9px 10px;font-size:10px}.service-card{padding:13px;min-height:151px}.services-grid{gap:8px}.service-icon{width:41px;height:41px;margin-bottom:9px}.service-card strong{font-size:12px}.service-card small{font-size:10px}.recent-panel td,.recent-panel th{white-space:nowrap}.mobile-nav{display:flex}}


/* v0.9.1 adjustments: safer PONT. logo framing and finance preview */
.brand{overflow:visible;padding-right:14px}
.brand-symbol{width:216px;max-width:216px;display:block;object-fit:contain;object-position:left center}
.hero-content{overflow:visible}
.pont-hero .hero-pont-logo{width:240px;max-width:72%;object-fit:contain;object-position:left center}
.mobile-brand{overflow:visible}
.mobile-brand img{width:128px;max-width:128px;object-fit:contain}
.finance-actions .btn[disabled]{opacity:.55;cursor:default;background:#f5f7fb;color:#6f7f96;border-color:#dde5f0}
@media(max-width:1100px){.brand-symbol{width:192px;max-width:192px}}
@media(max-width:900px){.brand{padding-right:0}.brand-symbol{width:70px;max-width:70px}.pont-hero .hero-pont-logo{width:208px;max-width:74%}}
@media(max-width:480px){.mobile-brand img{width:122px;max-width:122px}.pont-hero .hero-pont-logo{width:166px;max-width:78%}}

/* PONT. 0.9.2 - logo completo: proporção original, sem sobreposição e sem flex shrink indevido */
.sidebar .brand {width:100%; min-width:0; padding:0 4px 24px; justify-content:flex-start; align-items:center; overflow:visible;}
.sidebar .brand-symbol {width:100%; height:auto; max-width:209px; max-height:none; flex:0 1 auto; object-fit:contain; object-position:center;}
.pont-hero .hero-pont-logo {width:245px;max-width:100%;height:auto;max-height:none;object-fit:contain;}
.mobile-brand img {width:122px;height:auto;max-width:122px;max-height:none;object-fit:contain;}
@media(max-width:1100px){.sidebar .brand-symbol{width:100%;max-width:172px;}}
@media(max-width:900px){.sidebar .brand{justify-content:center;padding:0 0 20px}.sidebar .brand-symbol{max-width:63px}.pont-hero .hero-pont-logo{width:206px}}
@media(max-width:480px){.mobile-brand img{width:108px;max-width:108px}.pont-hero .hero-pont-logo{width:164px}}
/* Mobile: reserve a fixed lane for the full PONT. wordmark so search never overlaps the T. */
@media (max-width:480px){
  .topbar{display:flex;gap:10px;justify-content:flex-start;align-items:center;}
  .mobile-brand{display:flex;flex:0 0 126px;width:126px;min-width:126px;max-width:126px;margin-right:0;overflow:visible;align-items:center;}
  .mobile-brand img{display:block;flex:0 0 126px;width:126px;min-width:126px;max-width:126px;height:auto;object-fit:contain;}
  .topbar-search{flex:1 1 auto;width:auto;min-width:0;max-width:none;overflow:hidden;}
  .topbar-search input{min-width:0;width:100%;}
}