/* Shared working surfaces for the Natigora customer and team cabinets. */
.cabinet{--ink:#163a5f;--accent:#2f7d5a;--line:#dbe5ea;background:#f4f7f8;color:#202a33;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}
.cabinet *{box-sizing:border-box}.cabinet [hidden]{display:none!important}.cabinet a,.cabinet button,.cabinet input,.cabinet select,.cabinet textarea{touch-action:manipulation}.cabinet :focus-visible{outline:3px solid #69b9d0;outline-offset:4px}.cabinet .site-header{background:#fff;border-bottom:1px solid var(--line);box-shadow:none}.cabinet .brand{color:var(--ink)}
.cabinet .section-shell,.cabinet .shell{width:min(1200px,calc(100% - 64px));margin-inline:auto}.cabinet .print-page{max-width:1200px;padding-top:38px}.cabinet h1{font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-.04em;color:var(--ink);margin:10px 0 18px}.cabinet h2{font-size:24px;letter-spacing:-.025em;color:var(--ink)}.cabinet h3{font-size:19px;line-height:1.4;color:var(--ink)}.cabinet .eyebrow{font-size:14px;letter-spacing:.06em;color:#2f7d5a;font-weight:700}.cabinet p{overflow-wrap:anywhere}.cabinet .cabinet-nav{display:flex;gap:28px;padding-block:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.cabinet-nav a{text-decoration:none;font-size:15px;font-weight:700;color:#526575}.cabinet-nav [aria-current]{color:#163a5f;border-bottom:3px solid #2f7d5a;padding-bottom:6px}
.cabinet .button,.cabinet .btn{min-height:46px;padding:11px 20px;font:inherit;font-size:15px;font-weight:700;border-radius:10px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;max-width:100%;white-space:normal}.cabinet .button--primary,.cabinet .btn{background:#2f7d5a;color:white;border:1px solid #2f7d5a}.cabinet .button--ghost,.cabinet .btn.alt{background:#fff;color:#163a5f;border:1px solid #c8d7df}.cabinet button:hover,.cabinet .button:hover,.cabinet .btn:hover{filter:brightness(.96)}.cabinet button:disabled{opacity:.6;cursor:wait}.cabinet .account-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.cabinet #account-logout{margin-left:auto}
.cabinet .print-card,.cabinet .card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 4px 18px #163a5f04;color:#202a33}.cabinet .orders-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.cabinet .order-card{min-width:0;border-top:4px solid #69b9d0}.cabinet .order-card h2{font-size:22px;margin-top:0}.cabinet .account-badge,.cabinet .status{display:inline-block;background:#e5f2eb;color:#246346;border-radius:7px;padding:5px 10px;font-size:14px;font-weight:700}.cabinet .order-files{padding:0;list-style:none}.cabinet .order-files li{padding:14px;background:#f4f7f8;border-radius:9px;margin:10px 0;overflow-wrap:anywhere}.cabinet .order-files a{color:#163a5f;font-size:15px}.cabinet details{margin-block:20px}.cabinet summary{font-weight:700;cursor:pointer;color:#163a5f}.cabinet code{display:block;overflow-wrap:anywhere;white-space:normal;font-size:14px;margin:16px 0}.cabinet .print-note{font-size:14px;color:#536575}.cabinet [role=status]:not(:empty){padding:14px 18px;background:#e7f1f5;border-left:3px solid #69b9d0;border-radius:8px;font-size:15px}.cabinet .cabinet-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px}.cabinet-list-head label{display:flex;gap:10px;align-items:center;font-size:14px}.cabinet input:not([type=checkbox]),.cabinet select,.cabinet textarea{width:100%;max-width:100%;border:1px solid #c8d7df;background:#fff;color:#202a33;border-radius:9px;padding:12px;font:inherit;font-size:16px}.cabinet textarea{min-height:110px}.cabinet label{color:#324d60}.cabinet-list-head select{width:auto}.cabinet .admin-account-form{display:grid;gap:16px}.cabinet .admin-account-form label{display:grid;gap:7px}
.cabinet.portal .top{background:#163a5f;color:#fff;border:0}.cabinet.portal .nav{min-height:84px;gap:20px}.cabinet.portal .logo{color:#fff}.cabinet.portal .section{padding:38px 0 70px}.cabinet-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.cabinet-help{color:#163a5f;font-weight:700;font-size:15px}.cabinet .list-heading{font-size:20px;margin:30px 0 18px}.cabinet #project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cabinet .project-button{text-align:left;cursor:pointer;border-top:4px solid #69b9d0;transition:transform .15s,box-shadow .15s}.cabinet .project-button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #163a5f0c}.cabinet .project-button h3{font-size:23px;margin:20px 0}.cabinet .project-button p{font-size:15px;color:#526575}.cabinet .project-plan b{color:#163a5f}.project-open{display:block;color:#2f7d5a;font-size:15px;font-weight:700;margin-top:24px;border-top:1px solid #dbe5ea;padding-top:16px}.cabinet .portal-head{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid #dbe5ea;padding-bottom:24px;margin-bottom:24px}.cabinet .portal-head p{font-size:15px}.cabinet .category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cabinet .category-grid .card{padding:20px}.cabinet .locked{background:#eef2f4;opacity:1}.cabinet .materials-grid{display:grid;gap:18px;margin:24px 0}.cabinet .admin-section{margin-top:0}.cabinet .material-section h3{display:flex;align-items:center;gap:10px}.file-count{font-size:14px;background:#e8f1f5;color:#163a5f;padding:2px 9px;border-radius:6px}.cabinet .material-section>p{font-size:15px;color:#526575}.cabinet .file-item{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-top:1px solid #e8eef1}.file-item>div{min-width:0}.cabinet .file-item a{color:#163a5f;overflow-wrap:anywhere;font-weight:700}.cabinet .file-item p{font-size:14px;color:#526575;margin:4px 0}.file-type{display:grid;place-items:center;min-width:54px;height:54px;background:#e8f1f5;color:#163a5f;border-radius:10px;font-size:12px;font-weight:800}.cabinet .empty-state{padding:22px;text-align:center;background:#f4f7f8;border:1px dashed #c8d7df;border-radius:10px;color:#526575}.cabinet .comments>p{padding:14px 18px;background:#f4f7f8;border-radius:10px}.cabinet dialog{border:1px solid #dbe5ea;border-radius:18px;width:min(560px,calc(100% - 32px));padding:28px;max-height:90dvh;overflow:auto}.cabinet dialog::backdrop{background:#102c49aa}.cabinet dialog label{display:grid;gap:8px;margin-bottom:18px}.cabinet .actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:800px){.cabinet .orders-list,.cabinet #project-list,.cabinet .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cabinet-heading{align-items:flex-start;flex-direction:column}.cabinet .section-shell,.cabinet .shell{width:calc(100% - 36px)}}
@media(max-width:560px){.cabinet .orders-list,.cabinet #project-list,.cabinet .category-grid{grid-template-columns:1fr}.cabinet .print-card,.cabinet .card{padding:20px}.cabinet .cabinet-nav{gap:16px;font-size:14px}.cabinet .cabinet-list-head{align-items:flex-start;flex-direction:column}.cabinet .account-actions>.button--primary{width:100%}.cabinet.portal .nav{flex-wrap:wrap;padding-block:16px;gap:12px}.cabinet.portal .nav>span{order:3;width:100%;font-size:14px}.cabinet .portal-head{align-items:flex-start;flex-direction:column}.cabinet .print-page,.cabinet.portal .section{padding-top:24px}.cabinet .cabinet-nav a{font-size:14px}.cabinet .form{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cabinet *{scroll-behavior:auto!important;transition:none!important}}
.cabinet .file-preview-button{margin:12px 0 0;display:flex;font-size:14px}.cabinet .photo-dialog{width:min(980px,calc(100% - 32px))}.photo-dialog h2{font-size:20px;overflow-wrap:anywhere}.photo-dialog img{display:block;max-width:100%;max-height:68dvh;object-fit:contain;margin:18px auto}

.cabinet-welcome{padding:28px;border-radius:18px;background:#e7f1f5;border:1px solid #d2e4ec;margin:24px 0}.cabinet-welcome h2{margin:6px 0}.cabinet-welcome .account-actions{margin-bottom:0}.cabinet-bottom{display:none}.cabinet .photo-thumb{width:128px;height:104px;object-fit:cover;border-radius:9px;margin:0}.cabinet .file-preview-button{min-width:128px;min-height:64px;overflow:hidden}.cabinet .order-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.cabinet .order-files li{margin:0}.cabinet .photo-stage{overflow:auto;max-height:65dvh;background:#eef2f4;border-radius:12px;margin:18px 0}.cabinet .photo-stage img{max-height:none;margin:0 auto;width:100%;max-width:none}.cabinet .photo-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cabinet .photo-controls button{min-height:44px}.cabinet .photo-dialog h2{font-size:18px}.cabinet progress{width:100%;accent-color:#2f7d5a}.cabinet fieldset{min-width:0}.cabinet .print-layout{align-items:start}
@media(max-width:700px){.cabinet{padding-bottom:90px}.cabinet-bottom{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-top:1px solid #c8d7df;padding:8px 8px max(8px,env(safe-area-inset-bottom));box-shadow:0 -4px 24px #163a5f0a}.cabinet-bottom a{display:grid;place-items:center;min-height:48px;font-size:14px;font-weight:700;color:#163a5f;text-decoration:none;text-align:center;border-radius:9px}.cabinet-bottom a[aria-current]{background:#e5f2eb;color:#246346}.cabinet-welcome{padding:20px}.cabinet .photo-controls button{padding:10px}.cabinet .print-layout{grid-template-columns:1fr}}

.workspace-nav{display:flex;align-items:center;gap:10px;padding-top:18px;padding-bottom:18px;border-bottom:1px solid #dbe5ea}.workspace-nav a{padding:10px 16px;color:#163a5f;font-size:15px;font-weight:700;text-decoration:none;border-radius:9px}.workspace-nav a[aria-current]{background:#163a5f;color:white}.workspace-user{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0;color:#526575}.workspace-user[hidden]{display:none}.workspace-user>span{display:grid;line-height:1.25;min-width:0}.workspace-user strong{font-size:13px;color:#163a5f}.workspace-user small{font-size:13px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-avatar{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#2f7d5a;color:#fff;font-size:17px}.cabinet .print-page{padding-bottom:40px}@media(max-width:700px){.workspace-nav{flex-wrap:wrap}.workspace-user{order:3;width:100%;margin-left:0;padding-top:8px;border-top:1px solid #dbe5ea}.workspace-user small{max-width:calc(100vw - 110px)}}@media(max-width:560px){.workspace-nav{gap:4px}.workspace-nav a{padding:10px;font-size:14px}}
.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.hub-section{margin:22px 0}.hub-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hub-section-head h2{margin:0}.hub-section-head a,.hub-row a{color:#163a5f;font-size:15px;font-weight:700}.hub-row{border-top:1px solid #dbe5ea;padding:18px 0}.hub-row:first-child{margin-top:18px}.hub-row h3{margin:0 0 10px}.hub-row p{margin:8px 0}.hub-next{border-left:5px solid #2f7d5a!important}.hub-next h2{margin:6px 0}.hub-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.hub-photo{min-width:0;background:#f4f7f8;border-radius:12px;padding:12px;display:flex;flex-direction:column-reverse;justify-content:flex-end}.hub-photo p{font-size:14px;overflow-wrap:anywhere}.hub-photo .file-preview-button{width:100%;margin:0;min-width:0;padding:0}.cabinet .hub-photo .photo-thumb{width:100%;height:130px}.cabinet .hub-row{scroll-margin-top:140px}@media(max-width:700px){.hub-grid{grid-template-columns:1fr}.hub-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}