/* Shared interface layer. Exported signatures and document typography keep their own styles. */
:root{--bg:#f6f7f5;--line:#e1e7e2;--muted:#66736b;--ease:cubic-bezier(.2,.7,.2,1)}
.ui-icon{width:20px;height:20px;display:inline-block;flex:none;vertical-align:middle;pointer-events:none}
.sidebar{padding-top:30px}.brand{padding:0 14px;transition:opacity .18s}.brand:hover{opacity:.78}.brand img{max-width:178px}.brand .hub-label{font-size:7px;letter-spacing:2.6px}
.workspace{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:17px 8px 23px;margin:28px 0 24px;line-height:1.5}.workspace-icon,.avatar{background:#edf2ee}.workspace-dot{background:#4b7c5a}
.nav-label{font-size:8px;letter-spacing:1.5px;margin-bottom:14px}.nav-item{gap:12px;min-height:48px;line-height:1.5;font-size:12px;padding:12px;margin-bottom:5px;transition:background .18s,color .18s,transform .18s}.nav-item>span:first-child{display:inline-flex}.nav-item .ui-icon{width:19px;height:19px}.nav-item:hover{background:#f0f4f0}.nav-item:active{transform:translateX(2px)}.nav-item.active{box-shadow:none;background:#e8efea;color:#0f321e}.nav-count{background:#dbe7de}.sidebar-footer{color:#58665d}
.topbar{background:#ffffffd9;height:74px}.local-status i{background:#4b7c5a}.logout-button{border:0;background:transparent;display:inline-flex;align-items:center;gap:7px;color:#627067;font-size:11px;padding:9px;border-radius:6px}.logout-button:hover{background:#edf2ee}.logout-button .ui-icon{width:16px;height:16px}
.page-heading h1,.home-welcome h1{letter-spacing:-1px}.page-heading p{line-height:1.8}.button{min-height:40px;border-radius:7px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.button .ui-icon{width:17px;height:17px}.button.primary{background:#0f321e;color:#fff}.button.primary:hover{background:#204b32;box-shadow:0 4px 12px #0f321e14}.button.secondary:hover{background:#f0f4f0;border-color:#b8c7bc}.button:active,.button.is-pressed{transform:scale(.98)}
.home-welcome{background:#edf2ed;color:#0f321e;border:1px solid #dfe8e0;border-bottom:1px solid #dfe8e0;border-radius:12px;padding:38px 38px 33px}.home-welcome::after{display:none}.home-welcome .eyebrow{color:#617764;letter-spacing:1.9px}.home-welcome h1{font-size:clamp(27px,2.5vw,38px);font-weight:500}.home-welcome p{color:#53675a;line-height:1.8;margin:18px 0 28px}.home-team{color:#697e6d;font-size:8px}.home-modules{padding-top:36px}.module-card{border-radius:10px;padding:25px;transition:border-color .22s,box-shadow .22s,transform .22s var(--ease)}.module-card:hover{border-color:#a4b9aa;box-shadow:0 8px 24px #183a2210;transform:translateY(-4px)}.module-card:active,.module-card.is-pressed{transform:translateY(-1px)}.module-icon{width:42px;height:42px;border-radius:9px;background:#f0f4f0;margin-bottom:26px}.module-icon .ui-icon{width:23px;height:23px}.module-card h3{font-size:17px;line-height:1.45}.module-card p{color:#68746b;line-height:1.8}.module-link{padding-top:18px}.module-link .ui-icon{width:18px;height:18px;transition:transform .22s}.module-card:hover .module-link .ui-icon{transform:translateX(4px)}
.category-card{transition:border-color .18s,background .18s,transform .18s}.category-card.selected{background:#edf3ee;border-color:#91ac98}.category-card.selected .category-icon,.category-icon{color:#325b3d;background:#e8efea}.category-card:hover{border-color:#91ac98;transform:translateY(-2px)}.category-icon .ui-icon{width:20px;height:20px}.library h2 span{background:#e7eee8;color:#43624b}.filter-button[aria-pressed=true]{background:#e8efea;border-color:#91ac98}.filter-button .ui-icon{width:16px;height:16px}.view-switch button .ui-icon{width:17px;height:17px}.search .ui-icon{width:18px;height:18px}.empty-icon{background:#eef3ef;border-color:#e0e9e2;color:#54705b}.empty-icon .ui-icon{width:23px;height:23px}.file-drop{background:#f5f8f5;border-color:#a9bdaf}.file-drop>span{color:#54705b}.file-drop .ui-icon{width:26px;height:26px}.file-card{transition:box-shadow .2s,border-color .2s}.file-card:hover{border-color:#b6c7bb;box-shadow:0 4px 18px #14351f09}.favorite-button[aria-pressed=true] .ui-icon{fill:#e5eee7;color:#345a3e}.delete-button .ui-icon{width:16px;height:16px}.download-button{display:inline-flex;align-items:center;gap:5px}.download-button .ui-icon{width:15px;height:15px}.bottom-note{background:#edf1ed;border-left-color:#a1b8a7}.hero{border-bottom-width:2px}.brand-showcase{transform:none;box-shadow:none}.model-status{background:#edf3ee;border-color:#d8e5db}.model-status .ui-icon{width:22px;height:22px}.step-badge{background:#e8efea!important;color:#2b5136!important}.form-section,.signature-section{border-radius:10px}.term-form input,.signature-form input{transition:border-color .18s,box-shadow .18s}.term-form input:focus,.signature-form input:focus{border-color:#7c9c85;box-shadow:0 0 0 3px #0f321e0a}.icon-button:hover{background:#edf2ee;border-radius:5px}
@media(prefers-reduced-motion:no-preference){main>.home-welcome,main>.page-heading{animation:ui-enter .35s var(--ease) both}.module-card{animation:ui-enter .4s var(--ease) both}.module-card:nth-child(2){animation-delay:45ms}.module-card:nth-child(3){animation-delay:90ms}dialog[open]{animation:ui-enter .2s var(--ease)}@keyframes ui-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}}
@media(max-width:760px){.topbar{height:64px}.home-welcome{padding:28px 24px}.brand{padding:0 14px}.logout-button span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.module-card:hover,.category-card:hover{transform:none}}
@media print{.logout-button{display:none}}