:root{--ink: #14231f;--muted: #64706b;--line: #dce5df;--panel: #ffffff;--soft: #f5f7f4;--green: #01674f;--green-dark: #0b4438;--gold: #c59700;--blue: #326c8f;--danger: #9f3434;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:#eef2ed;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:22px 16px;border-right:1px solid var(--line);background:#fbfcfa}.brand-block{display:flex;align-items:center;gap:10px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--green)}.brand-block span{color:var(--ink);font-size:14px;font-weight:800;letter-spacing:-.01em}.lane-nav{display:grid;gap:6px}.lane-nav button{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:42px;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);text-align:left}.lane-nav button.nav-company{grid-template-columns:22px 1fr auto auto}.lane-nav button .chevron{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;color:var(--muted);transition:transform .15s ease,background .15s ease}.lane-nav button .chevron:hover{background:color-mix(in srgb,var(--area-accent, var(--green)) 16%,#fff);color:var(--area-accent, var(--green))}.lane-nav button .chevron.open{transform:rotate(90deg)}.nav-area{display:flex;flex-direction:column}.nav-sub{display:flex;flex-direction:column;margin:2px 0 6px 18px;padding-left:8px;border-left:1px solid var(--line)}.nav-sub .sub-item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;min-height:30px;padding:5px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:.86rem;text-align:left;cursor:pointer}.nav-sub .sub-item:hover{background:#edf6f1;color:var(--ink)}.nav-sub .sub-item.active{color:var(--area-accent, var(--green));font-weight:600;background:color-mix(in srgb,var(--area-accent, var(--green)) 10%,#fff);border-color:color-mix(in srgb,var(--area-accent, var(--line)) 40%,transparent)}.nav-sub .sub-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55}.nav-sub .sub-item strong{color:var(--muted);font-size:11px;font-weight:600}.lane-nav button.active,.lane-nav button:hover{border-color:var(--line);background:#edf6f1}.lane-nav button.active[style]{border-color:var(--area-accent, var(--line));background:color-mix(in srgb,var(--area-accent, var(--green)) 10%,#fff)}.lane-nav strong{color:var(--muted);font-size:12px}.sidebar-footer{display:grid;gap:10px;margin-top:auto}.stat{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.stat strong{color:var(--ink)}.workspace{min-width:0;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.topbar h1,.panel h2,.detail-header h2{margin:0;font-size:22px;line-height:1.2}.topbar p,.panel-heading span,.detail-header p{margin:5px 0 0;color:var(--muted);font-size:13px}.topbar-actions,.detail-actions,.document-actions{display:flex;align-items:center;gap:8px}.settings-panel,.compose-panel{display:grid;gap:14px;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.settings-heading h2{margin:0;font-size:18px}.settings-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}.compose-form{display:grid;gap:12px}.compose-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.compose-form input,.compose-form textarea,.compose-form select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);outline:0}.compose-form input{height:38px;padding:0 10px}.compose-form textarea{min-height:180px;padding:10px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}.compose-form select{height:38px;padding:0 10px}.compose-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.upload-button,.primary-button,.secondary-button,.icon-button,.compose-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:8px 12px;font-weight:700}.upload-button input{display:none}.primary-button,.compose-button{border-color:var(--green);background:var(--green);color:#fff}.compose-button:hover{background:var(--green-dark);border-color:var(--green-dark)}.secondary-button:hover,.icon-button:hover,.upload-button:hover{border-color:#b7c7be;background:#f5faf7}.icon-button{width:38px;padding:0}.icon-button.whatsapp{color:#117b4a}.user-button{max-width:260px}.user-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:16px;align-items:start}.panel{min-width:0;height:calc(100vh - 106px);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:8px;min-width:150px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.search-box input{width:100%;min-width:0;border:0;outline:0}.search-controls{display:flex;align-items:center;gap:8px}.search-scope{display:inline-flex;align-items:center;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.search-scope.all{color:var(--green-dark);border-color:#b7dbc9;background:#f1f8f4}.search-scope:hover{border-color:#b7c7be;background:#f5faf7}.library-controls{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:8px}.view-switcher{display:inline-flex;gap:2px;padding:3px;background:var(--soft);border:1px solid var(--line);border-radius:9px}.segment{appearance:none;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.02em;padding:6px 14px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.segment:hover{color:var(--ink)}.segment.active{background:#fff;color:var(--green-dark);box-shadow:0 1px 2px #14231f14}.group-meta{color:var(--muted);font-size:10px;font-weight:600;text-transform:none;letter-spacing:.01em;white-space:nowrap}.doc-group{display:grid;gap:9px;margin-bottom:6px}.group-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 2px 6px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);font-family:inherit;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;text-align:left;cursor:pointer;appearance:none}.group-header:focus-visible{outline:2px solid #87b9a5;outline-offset:2px;border-radius:4px}.group-header:hover{color:var(--ink)}.group-header-label{display:inline-flex;align-items:center;gap:7px;min-width:0}.group-chevron{display:inline-block;flex:0 0 auto;color:var(--muted);font-size:9px;line-height:1;transform:rotate(0);transition:transform .15s ease}.group-chevron.is-open{transform:rotate(90deg)}.group-body{display:grid;gap:9px;padding-top:9px}.doc-group.is-collapsed .group-body{display:none}.doc-group.is-collapsed{margin-bottom:2px}.group-header strong{color:var(--ink);font-size:11px}.card-chips{grid-column:2;display:flex;flex-wrap:wrap;gap:5px;margin:3px 0 1px}.cat-chip,.tag-chip{display:inline-flex;align-items:center;padding:1px 7px;border:1px solid var(--line);border-radius:999px;background:#eef2ed;color:var(--green-dark);font-size:10px;font-weight:700;letter-spacing:.03em}.tag-chip{background:#fff;color:var(--muted);font-weight:600}.cat-chip[data-cat=Contracts]{background:#f7edcf;border-color:#e2cd7e;color:#6a530b}.cat-chip[data-cat=Offers]{background:#e6eef7;border-color:#b7c8db;color:#234a63}.cat-chip[data-cat=Inbox],.cat-chip[data-cat=Unfiled],.cat-chip[data-cat=Uncategorized]{background:#f3f4f2;color:var(--muted)}.lane-nav button.area-all{margin-bottom:4px;border-bottom:1px solid var(--line);border-radius:8px}.drop-zone{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 14px;min-height:54px;border:1px dashed #b8c7c0;border-radius:8px;background:var(--soft);color:var(--muted);font-weight:700}.document-list,.detail-panel{overflow:auto}.library-panel{display:flex;flex-direction:column}.document-list{display:grid;gap:9px;flex:1 1 auto;min-height:0;padding:0 14px 14px}.document-list[data-view=recent]{display:block;column-width:320px;column-gap:12px;gap:0}.group-body{display:block;column-width:320px;column-gap:12px;padding-top:9px}.document-card{break-inside:avoid;margin-bottom:9px}.document-card{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.document-card.is-active{border-color:#87b9a5;box-shadow:0 0 0 2px #dff1e9}.document-card-main{display:grid;grid-template-columns:14px 1fr;gap:6px 8px;width:100%;padding:12px;border:0;background:transparent;text-align:left}.type-dot{width:9px;height:9px;margin-top:5px;border-radius:999px;background:var(--blue)}.type-dot.output{background:var(--gold)}.document-title{color:var(--ink);font-weight:800;line-height:1.3;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.document-meta{grid-column:2;color:var(--muted);font-size:12px}.document-actions{justify-content:space-between;padding:8px 10px;border-top:1px solid var(--line);background:#fbfcfb}.area-tag{display:inline-flex;align-items:center;padding:2px 9px;border:1px solid var(--line);border-radius:999px;background:#eef2ed;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.03em}.area-tag[data-area=prosimos]{background:#eaf3ef;border-color:#b7dbc9;color:var(--green-dark)}.area-tag[data-area=caribbean-imports]{background:#e9f1f3;border-color:#b6d2d8;color:#0e4d5c}.area-accent-text{font-weight:700;color:var(--area-accent, var(--green))}.detail-panel{padding:16px}.detail-header{display:flex;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.eyebrow{display:inline-block;margin-bottom:6px;color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase}.meta-row{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(0,1fr);gap:10px;margin:14px 0}.meta-row label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.cat-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-2px 0 14px;max-height:132px;overflow-y:auto;padding-right:4px}.cat-presets-label{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;margin-right:2px}.cat-preset{font:600 11px/1 Inter,system-ui,sans-serif;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:#f7f8fa;color:var(--muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.cat-preset:hover{border-color:var(--gold);color:var(--ink);background:#fff}.cat-preset.active{background:var(--cat-accent, #01674f);border-color:var(--cat-accent, #01674f);color:#fff}.meta-row input,.meta-row select,.notes-box textarea,.auth-panel input{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);outline:0}.meta-row input,.meta-row select,.auth-panel input{height:38px;padding:0 10px}.summary-box{display:flex;gap:8px;margin-bottom:14px;padding:10px;border:1px solid #d8e7de;border-radius:8px;background:#f4faf6;color:var(--green-dark);font-size:13px}.reader h3,.notes-box h3{margin:0 0 10px;font-size:14px}.reader pre{min-height:220px;max-height:320px;overflow:auto;margin:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb;color:#35423d;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap}.notes-box{margin-top:16px}.notes-heading{display:flex;align-items:center;gap:8px}.note-list{display:grid;gap:8px;margin-bottom:10px}.note-card{padding:10px;border:1px solid var(--line);border-radius:8px;background:#fffdf7}.note-card strong{font-size:13px}.note-card p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45;white-space:pre-wrap}.notes-box textarea{min-height:82px;padding:10px;resize:vertical}.empty-state{display:grid;place-items:center;gap:8px;min-height:150px;color:var(--muted);text-align:center;font-size:13px}.error-line{margin-bottom:14px;padding:10px 12px;border:1px solid #e6c7c7;border-radius:8px;background:#fff7f7;color:var(--danger);font-size:13px;font-weight:700}.auth-screen{display:grid;place-items:center;min-height:100vh;padding:20px;background:#eef2ed}.auth-panel{display:grid;gap:12px;width:min(380px,100%);padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff}.auth-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--green)}.auth-copy{display:grid;gap:4px}.auth-copy h1{margin:0;font-size:20px}.auth-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.auth-oauth-button{width:100%;text-decoration:none}.auth-token-form{display:grid;gap:9px}.auth-token-form label{color:var(--muted);font-size:12px;font-weight:800}.auth-error{color:var(--danger);font-size:12px;font-weight:700}.auth-token-form input#totp-code{letter-spacing:.4em;font-size:18px;font-weight:800;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1220px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.dashboard-grid{grid-template-columns:minmax(290px,.95fr) minmax(360px,1.05fr)}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.lane-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:14px}.topbar,.detail-header{align-items:flex-start;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.panel{height:auto;max-height:none}.document-list{flex:none;height:auto;max-height:480px;min-height:0}.document-list[data-view=recent],.group-body{column-count:1;column-width:auto}.meta-row,.compose-row{grid-template-columns:1fr}.settings-heading{flex-direction:column}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink: #e9f0ec;--muted: #93a59c;--line: #2a3833;--panel: #161f1b;--soft: #1b2622;--green: #0d8a63;--green-dark: #5fd0a6;--gold: #d9aa33;--blue: #7bb0cc;--danger: #e58080;background:#0e1512}.sidebar{background:#131c18}.brand-mark{background:var(--panel)}.lane-nav button .chevron:hover{background:color-mix(in srgb,var(--area-accent, var(--green)) 18%,var(--panel))}.lane-nav button.active,.lane-nav button:hover{background:#1e2b25;border-color:var(--line)}.lane-nav button.active[style]{border-color:color-mix(in srgb,var(--area-accent, var(--green)) 55%,transparent);background:color-mix(in srgb,var(--area-accent, var(--green)) 18%,var(--panel))}.nav-sub{border-left-color:var(--line)}.nav-sub .sub-item:hover{background:#1e2b25;color:var(--ink)}.nav-sub .sub-item.active{color:var(--green-dark);background:color-mix(in srgb,var(--area-accent, var(--green)) 16%,var(--panel));border-color:color-mix(in srgb,var(--area-accent, var(--green)) 45%,transparent)}.settings-panel,.compose-panel,.panel,.document-card,.note-card,.auth-panel{background:var(--panel)}.note-card{background:#1c2218}.document-actions{background:#131c18}.drop-zone{border-color:#3a4a44;background:var(--soft)}.document-card.is-active{border-color:#2b9d7b;box-shadow:0 0 0 2px #2b9d7b47}.compose-form input,.compose-form textarea,.compose-form select,.meta-row input,.meta-row select,.notes-box textarea,.auth-panel input,.search-box,.search-scope,.upload-button,.secondary-button,.icon-button{background:var(--panel);color:var(--ink);border-color:var(--line)}.secondary-button:hover,.icon-button:hover,.upload-button:hover,.search-scope:hover{background:#1e2b25;border-color:#3a4a44}.search-scope.all{color:var(--green-dark);border-color:#1f4a3a;background:#172620}.view-switcher{background:var(--soft);border-color:var(--line)}.segment{color:var(--muted)}.segment:hover{color:var(--ink)}.segment.active{background:var(--panel);color:var(--green-dark);box-shadow:0 1px 2px #00000059}.cat-chip{background:#16201c;border-color:var(--line);color:var(--green-dark)}.tag-chip{background:var(--panel);color:var(--muted)}.cat-chip[data-cat=Contracts]{background:#2a211a;border-color:#7a6520;color:#e8c96a}.cat-chip[data-cat=Offers]{background:#1a2632;border-color:#3a5a78;color:#8ab8d8}.cat-chip[data-cat=Inbox],.cat-chip[data-cat=Unfiled],.cat-chip[data-cat=Uncategorized]{background:var(--soft);color:var(--muted)}.area-tag{background:#16201c;border-color:var(--line);color:var(--muted)}.area-tag[data-area=prosimos]{background:#172620;border-color:#1f4a3a;color:var(--green-dark)}.area-tag[data-area=caribbean-imports]{background:#162025;border-color:#3a5a64;color:#7fc4d4}.cat-preset{background:var(--soft);border-color:var(--line);color:var(--muted)}.cat-preset:hover{border-color:var(--gold);color:var(--ink);background:var(--panel)}.group-header:focus-visible{outline-color:#2b9d7b}.group-header strong{color:var(--ink)}.area-accent-text{color:color-mix(in srgb,var(--area-accent, var(--green)) 45%,#ffffff)}.reader pre{background:#131c18;color:#c8d4ce;border-color:var(--line)}.summary-box{border-color:#234a3a;background:#172620;color:var(--green-dark)}.auth-screen{background:#0e1512}.auth-mark{background:var(--panel);color:var(--green)}.error-line{border-color:#5a2a2a;background:#221818;color:var(--danger)}.icon-button.whatsapp{color:#3fb878}.primary-button,.compose-button{background:var(--green);border-color:var(--green);color:#fff}.compose-button:hover{background:#0a6e50;border-color:#0a6e50}}
