/* Desktop surface and in-flow navigation. */
:root{--sgi-line:#d9e1e8}#sgi-window-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0}#sgi-page-title{font-size:20px;font-weight:600}#sgi-window-bar h1{font-size:24px}#sgi-menu-toggle{display:none}#sgi-navigation .sgi-search{display:flex;align-items:center;gap:12px;margin-bottom:12px}#sgi-nav-search{max-width:360px;width:100%;border:1px solid var(--sgi-line);border-radius:8px}#sgi-hub-nav details>div{position:static;width:100%;box-sizing:border-box;box-shadow:none}#sgi-hub-nav .sgi-nav-group{min-width:140px}#sgi-hub-nav summary{list-style-position:inside;min-height:36px}#sgi-toolbar{position:static}.sgi-personas-chooser{display:none}@media(max-width:850px){#sgi-menu-toggle{display:block}#sgi-navigation:not(.sgi-menu-open){display:none}#sgi-personas-section{width:100%;border:1px solid var(--sgi-line);border-radius:8px}.sgi-personas-chooser{display:block;margin:14px 0}.sgi-personas-tabs{display:none}#sgi-navigation .sgi-search{flex-direction:column;align-items:stretch}}
.sgi-signature-card img,#sgi-profile-preview img{max-width:min(250px,100%)}
@media(max-width:640px){
 #pestana-oc table:has(#oc-items-container),#pestana-docs table:has(#items-container),#pestana-ep table:has(#ep-items-container){display:block;width:100%!important;min-width:0!important;max-width:100%;table-layout:auto!important}
 #oc-items-container,#items-container,#ep-items-container{display:block;width:100%;min-width:0}
 table:has(#oc-items-container)>thead,table:has(#items-container)>thead,table:has(#ep-items-container)>thead{display:none}
 #oc-items-container>tr,#items-container>tr,#ep-items-container>tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:12px;margin:10px 0;border:1px solid #d8e0ea;border-radius:9px;background:#fafbfd}
 #oc-items-container>tr>td,#items-container>tr>td,#ep-items-container>tr>td{display:block;width:auto!important;min-width:0;max-width:100%;padding:0!important;overflow-wrap:anywhere;text-align:left!important}
 #oc-items-container>tr>td:first-child,#items-container>tr>td:first-child,#ep-items-container>tr>td:first-child{grid-column:1/-1}
 #oc-items-container td::before,#items-container td::before,#ep-items-container td::before{content:attr(data-label);display:block;font-size:11px;color:#576579;margin-bottom:5px}
 #oc-items-container td:last-child,#items-container td:last-child,#ep-items-container td:last-child{display:flex;justify-content:flex-end;align-items:center}
 #oc-items-container td:last-child::before,#items-container td:last-child::before,#ep-items-container td:last-child::before{display:none}
 #oc-items-container input,#items-container input,#ep-items-container input{width:100%!important;min-width:0;box-sizing:border-box}
 #oc-items-container button,#items-container button,#ep-items-container button{min-width:40px;min-height:40px;background:#fff0ee;color:#a32b26;border:1px solid #f1ccc6}
}

#sgi-oc-signature{margin-bottom:16px;flex:none;width:100%;box-sizing:border-box}#pestana-oc .flex.justify-between.items-center{flex-wrap:wrap;gap:8px}#pestana-oc .flex.items-center.gap-2{flex-wrap:wrap;min-width:0;max-width:100%}
@media(max-width:850px){#app-main-content .flex.justify-between.items-center{flex-wrap:wrap;gap:10px;min-width:0}#pestana-apu .flex.gap-2{flex-wrap:wrap;max-width:100%}#pestana-apu button{max-width:100%;white-space:normal}}

/* SGI 19-10-2026: visible feedback and readable forms */
#sgi-save-status {display:inline-flex;align-items:center;min-height:30px;border-radius:10px;padding:5px 10px;font-weight:600;letter-spacing:.01em;}
#sgi-save-status[data-error="true"] {color:#9f2b36;background:rgba(159,43,54,.09);}
#sgi-save-status[data-error="false"] {color:#1c4563;background:rgba(28,69,99,.06);}
#sgi-signature-profile {min-height:38px;border-radius:10px;}
.sgi-signature-card {border:1px solid #cfdae5;border-radius:12px;padding:14px;background:#f8fafc;}
.sgi-signature-card img {max-width:260px;max-height:100px;object-fit:contain;display:block;margin:8px auto;}
@media(max-width:720px){.sgi-payroll-layout{grid-template-columns:minmax(0,1fr)!important;} .sgi-payroll-form,.sgi-payroll-preview{min-width:0;} #sgi-workspace{max-width:100%;overflow-x:auto;}}