:root{
 --bg:#F6F6F3;--panel:#FFFFFF;--panel2:#FAFAF8;--text:#222725;--muted:#737B78;--line:#E7E7E2;
 --brand:#356B5C;--brand2:#C7A65A;--danger:#B84A4A;--warn:#9A6B20;--info:#526D86;
 --soft-green:#EAF1ED;--soft-gold:#F5EFDF;--soft-blue:#EDF2F6;--soft-red:#F8ECEC;
 --shadow:0 14px 36px rgba(32,39,36,.07)
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}
button,input,textarea,select{font:inherit} button{cursor:pointer}
.app{display:flex;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:#222826;color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:50;overflow:auto}
.brand{display:flex;gap:12px;align-items:center;padding:5px 10px 22px}
.brand-mark{width:42px;height:42px;border-radius:13px;background:#D5BA78;color:#222826;display:grid;place-items:center;font-weight:800;font-size:21px}
.brand strong{display:block}.brand small{display:block;color:rgba(255,255,255,.55);font-size:10px;margin-top:2px}
nav{display:grid;gap:3px}
.nav-btn{border:0;background:transparent;color:rgba(255,255,255,.72);padding:9px 11px;border-radius:9px;text-align:left;display:flex;align-items:center;gap:10px;font-size:12px}
.nav-btn:hover,.nav-btn.active{background:rgba(255,255,255,.11);color:#fff}.nav-btn span{width:21px;text-align:center}
.side-bottom{margin-top:auto;display:grid;gap:10px;padding:10px}.side-bottom button{border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:9px;padding:9px}.side-bottom small{color:rgba(255,255,255,.4)}
main{margin-left:264px;flex:1;min-width:0}
header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:16px 26px;position:sticky;top:0;background:rgba(244,247,246,.93);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);z-index:30}
.header-left{display:flex;align-items:center;gap:12px}.header-left h1{margin:0;font-size:22px}.header-left p{margin:4px 0 0;color:var(--muted);font-size:12px}
#menuBtn{display:none;border:0;background:transparent;color:var(--text);font-size:23px}
.header-actions{display:flex;gap:10px;align-items:center}.search-wrap{position:relative}.search-wrap input{width:300px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:10px 12px}
#searchPanel{display:none;position:absolute;right:0;top:46px;width:360px;max-height:380px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:8px}
#searchPanel.show{display:block}.search-hit{padding:10px;border-radius:9px}.search-hit:hover{background:var(--panel2)}.search-hit strong{display:block;font-size:13px}.search-hit small{color:var(--muted)}
.primary,.secondary,.danger,.ghost{border-radius:10px;padding:9px 12px;border:0}.primary{background:var(--brand);color:#fff}.secondary{background:var(--panel);border:1px solid var(--line);color:var(--text)}.danger{background:#fff0f0;color:var(--danger);border:1px solid #f0caca}.ghost{background:transparent;color:var(--muted)}
#content{padding:22px 26px 50px}
.grid{display:grid;gap:15px}.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:17px;box-shadow:0 4px 13px rgba(30,55,48,.03)}
.card h3{margin:0 0 12px;font-size:15px}.muted{color:var(--muted)}
.section-head{display:flex;align-items:center;margin:23px 0 12px}.section-head h2{margin:0;font-size:17px}.section-head .spacer{margin-left:auto}.actions{display:flex;gap:8px;flex-wrap:wrap}
.metric-label{font-size:11px;color:var(--muted)}.metric-value{font-size:28px;font-weight:760;margin-top:7px}.metric-note{font-size:11px;margin-top:8px;color:var(--brand)}
.hero{display:grid;grid-template-columns:1.5fr .7fr;gap:15px}.hero-main{background:linear-gradient(135deg,#25322E,#3B675B);color:#fff}.hero-main p{color:rgba(255,255,255,.7)}
.focus-list{display:grid;gap:8px;margin-top:16px}.focus-item{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.09);padding:10px;border-radius:10px}.focus-item small{margin-left:auto;color:rgba(255,255,255,.6)}
.list{display:grid}.list-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-main{flex:1;min-width:0}.list-main strong{display:block;font-size:13px}.list-main small{color:var(--muted)}
.badge{display:inline-flex;padding:4px 8px;border-radius:99px;background:var(--soft-green);color:var(--brand);font-size:10px;white-space:nowrap}.badge.warn{background:var(--soft-gold);color:var(--warn)}.badge.danger{background:var(--soft-red);color:var(--danger)}.badge.info{background:var(--soft-blue);color:var(--info)}.badge.gray{background:#F0F1EE;color:#5F6764}
.company-card,.category-card{cursor:pointer}.company-card:hover,.category-card:hover{transform:translateY(-2px);transition:.18s}
.company-head{display:flex;align-items:center;gap:10px}.company-logo{width:42px;height:42px;border-radius:12px;background:var(--panel2);color:var(--brand);display:grid;place-items:center;font-weight:800}
.company-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.mini{background:var(--panel2);padding:10px;border-radius:10px}.mini strong{display:block}.mini small{color:var(--muted);font-size:10px}
.progress{height:7px;background:var(--line);border-radius:99px;overflow:hidden;margin-top:12px}.progress span{display:block;height:100%;background:var(--brand);border-radius:inherit}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:860px}.table th,.table td{text-align:left;padding:11px 9px;border-bottom:1px solid var(--line);font-size:12px}.table th{color:var(--muted);font-weight:600}.row-actions{display:flex;gap:6px}
.kanban{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:11px;overflow:auto;padding-bottom:8px}.kanban.wide{grid-template-columns:repeat(11,minmax(210px,1fr))}
.kanban-col{background:var(--panel2);border-radius:14px;padding:11px;min-height:330px}.kanban-col h4{margin:0 0 10px;color:var(--muted);font-size:11px}.kanban-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:11px;margin-bottom:8px}.kanban-card strong{display:block;font-size:12px}.kanban-card small{color:var(--muted)}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px}.category-card .icon{font-size:22px}.category-card strong{display:block;margin-top:10px}.category-card small{color:var(--muted)}
.chart{height:190px;display:flex;align-items:flex-end;gap:9px;padding-top:20px}.bar{flex:1;background:linear-gradient(180deg,#47796D,#A9C2BA);border-radius:7px 7px 0 0;position:relative}.bar span{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted)}
.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:7px;top:5px;bottom:5px;width:2px;background:var(--line)}.timeline-item{position:relative;margin-bottom:16px}.timeline-item:before{content:"";position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--brand)}.timeline-item strong{display:block;font-size:13px}.timeline-item small{color:var(--muted)}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.day{min-height:95px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px}.day strong{font-size:11px}.event{margin-top:6px;background:var(--soft-green);color:var(--brand);font-size:9px;padding:4px 6px;border-radius:6px}
.flow{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.flow-step{background:var(--panel2);border:1px solid var(--line);padding:8px 10px;border-radius:9px;font-size:11px}
.command-box{display:flex;gap:8px}.command-box textarea{flex:1;min-height:95px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;padding:11px;resize:vertical}
.ai-output{margin-top:14px;background:var(--panel2);border:1px solid var(--line);padding:14px;border-radius:12px}
.inbox-drop{border:2px dashed var(--line);border-radius:16px;padding:28px;text-align:center;background:var(--panel2)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tab{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:8px 11px;border-radius:9px}.tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}
#drawerBackdrop,#modalBackdrop{display:none;position:fixed;inset:0;background:rgba(8,18,15,.55);z-index:100}
#drawerBackdrop.show,#modalBackdrop.show{display:block}
#drawer{position:absolute;right:0;top:0;bottom:0;width:min(760px,100%);background:var(--panel);overflow:auto;box-shadow:var(--shadow)}
.drawer-head,.modal-head{display:flex;align-items:flex-start;padding:20px;border-bottom:1px solid var(--line)}.drawer-head h2,.modal-head h2{margin:0}.drawer-head p,.modal-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.drawer-head button,.modal-head button{margin-left:auto;border:0;background:transparent;font-size:23px;color:var(--muted)}
#drawerBody{padding:20px}
.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 24px));max-height:90vh;overflow:auto;background:var(--panel);border-radius:17px}
#entityForm{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:var(--muted)}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:10px}.field textarea{min-height:90px}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
#toast{position:fixed;right:20px;bottom:20px;background:#222826;color:#fff;padding:11px 15px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;z-index:200}#toast.show{opacity:1;transform:none}
.dark{--bg:#171A19;--panel:#202422;--panel2:#262B28;--text:#EEF1EF;--muted:#A1AAA6;--line:#343A37;--soft-green:#273A34;--soft-gold:#3A3425;--soft-blue:#28343D;--soft-red:#3C2929;--shadow:0 18px 48px rgba(0,0,0,.32)}
.dark header{background:rgba(23,26,25,.93)}
@media(max-width:1200px){.cols-5,.category-grid{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.search-wrap input{width:220px}}
@media(max-width:760px){.sidebar{transform:translateX(-105%);transition:.2s;width:270px}.sidebar-open .sidebar{transform:none}main{margin-left:0}header{height:auto;min-height:78px;padding:14px}#menuBtn{display:block}.header-left p{display:none}.search-wrap{display:none}#content{padding:14px}.cols-5,.cols-4,.cols-3,.cols-2,.category-grid{grid-template-columns:1fr}#entityForm{grid-template-columns:1fr}.field.full,.form-actions{grid-column:1}.primary{font-size:12px;padding:9px 10px}.calendar-grid{grid-template-columns:1fr}}


/* =========================================================
   RICH UI UPGRADE — page identity, hierarchy and visual depth
   ========================================================= */
:root{
 --violet:#74638F;--soft-violet:#F1EEF5;
 --terracotta:#A96752;--soft-terracotta:#F6EEE9;
 --ocean:#4D7181;--soft-ocean:#ECF2F4;
 --olive:#6E7650;--soft-olive:#F0F2E9;
 --rose:#9A6572;--soft-rose:#F5EDF0;
 --amber:#A37A32;--soft-amber:#F6F0E3;
}
#content{max-width:1680px;margin:0 auto;width:100%}
.page-banner{
 position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;
 min-height:128px;padding:22px 24px;margin-bottom:20px;border-radius:20px;
 border:1px solid rgba(255,255,255,.55);box-shadow:0 12px 34px rgba(39,48,44,.08);
 color:#fff
}
.page-banner:before,.page-banner:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.10)}
.page-banner:before{width:190px;height:190px;right:-45px;top:-85px}
.page-banner:after{width:110px;height:110px;right:105px;bottom:-70px}
.page-banner .banner-icon{
 width:58px;height:58px;border-radius:17px;display:grid;place-items:center;
 background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);
 font-size:25px;backdrop-filter:blur(8px);flex:0 0 auto
}
.page-banner .banner-copy{position:relative;z-index:1;min-width:0}
.page-banner h2{margin:0;font-size:22px;letter-spacing:-.01em}
.page-banner p{margin:6px 0 0;color:rgba(255,255,255,.78);font-size:12px;line-height:1.55}
.banner-stats{position:relative;z-index:1;margin-left:auto;display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.banner-stat{min-width:92px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(8px)}
.banner-stat strong{display:block;font-size:17px}.banner-stat span{font-size:9px;color:rgba(255,255,255,.72)}

body[data-page="companies"] .page-banner{background:linear-gradient(125deg,#385F55,#63877C)}
body[data-page="goals"] .page-banner{background:linear-gradient(125deg,#66597F,#8D7AA2)}
body[data-page="projects"] .page-banner{background:linear-gradient(125deg,#486779,#6F8D9A)}
body[data-page="calendar"] .page-banner{background:linear-gradient(125deg,#8B6558,#B18470)}
body[data-page="crm"] .page-banner{background:linear-gradient(125deg,#4F7066,#75948A)}
body[data-page="pipeline"] .page-banner{background:linear-gradient(125deg,#8B6A30,#B18C4A)}
body[data-page="meetings"] .page-banner{background:linear-gradient(125deg,#5F667E,#81889D)}
body[data-page="decisions"] .page-banner{background:linear-gradient(125deg,#765662,#9B7480)}
body[data-page="content"] .page-banner{background:linear-gradient(125deg,#9A5F4D,#BC806B)}
body[data-page="knowledge"] .page-banner{background:linear-gradient(125deg,#62704A,#889365)}
body[data-page="sop"] .page-banner{background:linear-gradient(125deg,#526D75,#77909A)}
body[data-page="finance"] .page-banner{background:linear-gradient(125deg,#315E53,#5D8277)}
body[data-page="kpi"] .page-banner{background:linear-gradient(125deg,#50647E,#7487A0)}
body[data-page="reviews"] .page-banner{background:linear-gradient(125deg,#806C48,#A28C62)}
body[data-page="ai"] .page-banner{background:linear-gradient(125deg,#5C537A,#80759B)}
body[data-page="automation"] .page-banner{background:linear-gradient(125deg,#42676F,#668A91)}
body[data-page="inbox"] .page-banner{background:linear-gradient(125deg,#6E6357,#918477)}
body[data-page="files"] .page-banner{background:linear-gradient(125deg,#566473,#7B8996)}
body[data-page="settings"] .page-banner{background:linear-gradient(125deg,#505856,#747C79)}

.section-head{padding:0 2px}
.section-head h2{display:flex;align-items:center;gap:9px;font-size:16px}
.section-head h2:before{content:"";width:4px;height:17px;border-radius:9px;background:var(--brand)}
body[data-page="goals"] .section-head h2:before,body[data-page="ai"] .section-head h2:before{background:var(--violet)}
body[data-page="content"] .section-head h2:before,body[data-page="calendar"] .section-head h2:before{background:var(--terracotta)}
body[data-page="pipeline"] .section-head h2:before,body[data-page="reviews"] .section-head h2:before{background:var(--amber)}
body[data-page="projects"] .section-head h2:before,body[data-page="kpi"] .section-head h2:before{background:var(--ocean)}
body[data-page="knowledge"] .section-head h2:before{background:var(--olive)}
body[data-page="decisions"] .section-head h2:before{background:var(--rose)}

.card{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card:hover{box-shadow:0 10px 28px rgba(34,41,38,.075);border-color:#DADDD8}
.grid.cols-5>.card,.grid.cols-4>.card{min-height:122px}
.grid.cols-5>.card:before,.grid.cols-4>.card:before{
 content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--brand)
}
.grid.cols-5>.card:nth-child(2):before,.grid.cols-4>.card:nth-child(2):before{background:var(--gold,#C7A65A)}
.grid.cols-5>.card:nth-child(3):before,.grid.cols-4>.card:nth-child(3):before{background:var(--ocean)}
.grid.cols-5>.card:nth-child(4):before,.grid.cols-4>.card:nth-child(4):before{background:var(--violet)}
.grid.cols-5>.card:nth-child(5):before{background:var(--terracotta)}
.metric-label{text-transform:none;letter-spacing:.02em;font-weight:650}
.metric-value{letter-spacing:-.03em}
.metric-note{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 7px;border-radius:7px;background:var(--soft-green);font-weight:600}
.grid.cols-5>.card:nth-child(2) .metric-note,.grid.cols-4>.card:nth-child(2) .metric-note{background:var(--soft-gold);color:var(--warn)}
.grid.cols-5>.card:nth-child(3) .metric-note,.grid.cols-4>.card:nth-child(3) .metric-note{background:var(--soft-ocean);color:var(--ocean)}
.grid.cols-5>.card:nth-child(4) .metric-note,.grid.cols-4>.card:nth-child(4) .metric-note{background:var(--soft-violet);color:var(--violet)}
.grid.cols-5>.card:nth-child(5) .metric-note{background:var(--soft-terracotta);color:var(--terracotta)}

.company-card{border-top:4px solid var(--brand);padding-top:15px}
.company-card:nth-child(2){border-top-color:var(--amber)}
.company-card:nth-child(3){border-top-color:var(--violet)}
.company-card:nth-child(4){border-top-color:var(--terracotta)}
.company-card:nth-child(5){border-top-color:var(--ocean)}
.company-card:nth-child(6){border-top-color:var(--rose)}
.company-logo{background:var(--soft-green);box-shadow:inset 0 0 0 1px rgba(53,107,92,.08)}
.company-card:nth-child(2) .company-logo{background:var(--soft-amber);color:var(--amber)}
.company-card:nth-child(3) .company-logo{background:var(--soft-violet);color:var(--violet)}
.company-card:nth-child(4) .company-logo{background:var(--soft-terracotta);color:var(--terracotta)}
.company-card:nth-child(5) .company-logo{background:var(--soft-ocean);color:var(--ocean)}
.company-card:nth-child(6) .company-logo{background:var(--soft-rose);color:var(--rose)}

.category-card{min-height:118px;background:linear-gradient(145deg,var(--panel),var(--panel2))}
.category-card:after{content:"";position:absolute;right:-18px;bottom:-22px;width:64px;height:64px;border-radius:50%;background:var(--soft-green)}
.category-card:nth-child(5n+2):after{background:var(--soft-gold)}
.category-card:nth-child(5n+3):after{background:var(--soft-ocean)}
.category-card:nth-child(5n+4):after{background:var(--soft-violet)}
.category-card:nth-child(5n+5):after{background:var(--soft-terracotta)}
.category-card .icon{width:40px;height:40px;border-radius:11px;background:var(--soft-green);display:grid;place-items:center;font-size:18px;position:relative;z-index:1}
.category-card:nth-child(5n+2) .icon{background:var(--soft-gold)}
.category-card:nth-child(5n+3) .icon{background:var(--soft-ocean)}
.category-card:nth-child(5n+4) .icon{background:var(--soft-violet)}
.category-card:nth-child(5n+5) .icon{background:var(--soft-terracotta)}

.kanban-col{border:1px solid var(--line);background:#F5F6F3}
.kanban-col:nth-child(1){border-top:4px solid #89928D}
.kanban-col:nth-child(2){border-top:4px solid var(--ocean)}
.kanban-col:nth-child(3){border-top:4px solid var(--brand)}
.kanban-col:nth-child(4){border-top:4px solid var(--amber)}
.kanban-col:nth-child(5){border-top:4px solid #66726E}
.kanban.wide .kanban-col:nth-child(6n+1){border-top-color:var(--ocean)}
.kanban.wide .kanban-col:nth-child(6n+2){border-top-color:var(--violet)}
.kanban.wide .kanban-col:nth-child(6n+3){border-top-color:var(--brand)}
.kanban.wide .kanban-col:nth-child(6n+4){border-top-color:var(--terracotta)}
.kanban.wide .kanban-col:nth-child(6n+5){border-top-color:var(--amber)}
.kanban.wide .kanban-col:nth-child(6n+6){border-top-color:var(--rose)}
.kanban-card{box-shadow:0 3px 9px rgba(36,43,40,.04)}
.kanban-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(36,43,40,.08)}

.table-wrap.card{padding:0}
.table th{background:#F7F8F5;position:sticky;top:0;z-index:2;padding:13px 10px}
.table tbody tr:nth-child(even){background:#FCFCFA}
.table tbody tr:hover{background:#F3F6F3}
.table td:first-child{padding-left:15px}.table th:first-child{padding-left:15px}

.list-row{border-bottom:1px dashed var(--line)}
.list-row:hover{background:var(--panel2);margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px;border-radius:9px}
.timeline-item:before{box-shadow:0 0 0 5px var(--soft-green)}
.day{background:#FCFCFA;transition:.16s}.day:hover{background:#fff;box-shadow:0 7px 20px rgba(38,45,42,.07);transform:translateY(-1px)}
.event:nth-child(2n){background:var(--soft-ocean);color:var(--ocean)}
.event:nth-child(3n){background:var(--soft-gold);color:var(--amber)}

.tabs{padding:4px;background:#ECEEEA;border-radius:12px;width:max-content}
.tab{border:0;background:transparent}.tab.active{box-shadow:0 2px 8px rgba(37,50,45,.12)}
.primary{box-shadow:0 5px 13px rgba(53,107,92,.17)}
.secondary:hover{background:var(--panel2);border-color:#CFD5D1}
.inbox-drop{background:linear-gradient(145deg,#FAFAF8,#F2F5F2);border-color:#CCD8D2}
.flow-step{background:linear-gradient(145deg,var(--panel),var(--panel2))}

.dark .category-card,.dark .inbox-drop,.dark .kanban-col{background:var(--panel2)}
.dark .table th,.dark .table tbody tr:nth-child(even){background:#242925}
.dark .table tbody tr:hover{background:#2B322E}
.dark .tabs{background:#282D2A}
.dark .metric-note{background:var(--soft-green)}

@media(max-width:900px){
 .page-banner{align-items:flex-start;flex-wrap:wrap}
 .banner-stats{margin-left:0;width:100%;justify-content:flex-start}
}
@media(max-width:760px){
 .page-banner{min-height:auto;padding:18px;border-radius:16px}
 .page-banner .banner-icon{width:48px;height:48px}
 .page-banner h2{font-size:19px}
 .banner-stat{min-width:82px}
}


.company-card-actions{
 display:flex;justify-content:flex-end;padding-top:10px;border-top:1px dashed var(--line)
}
.edit-company{
 font-size:11px;padding:7px 10px
}
.company-card:hover .edit-company{
 border-color:var(--brand);color:var(--brand)
}


.inline-actions{display:flex;gap:6px;flex:0 0 auto}
.inline-actions .secondary,.inline-actions .danger{padding:6px 8px;font-size:10px}
.drawer-head{position:sticky;top:0;background:var(--panel);z-index:10}
#drawerBody .section-head{margin-top:24px}
#drawerBody .section-head .actions{flex-wrap:wrap}
#drawerBody .card.list{overflow:visible}
#drawerBody .list-row{align-items:flex-start}
.row-actions{white-space:nowrap}
@media(max-width:760px){
 .inline-actions{width:100%;margin-top:8px}
 #drawerBody .list-row{flex-wrap:wrap}
 .inline-actions .secondary,.inline-actions .danger{flex:1}
}