:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8eee8;background:#101512;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#101512;--panel:#171d19;--panel-2:#1d251f;--line:#29322c;--muted:#8b978d;--soft:#b4beb5;--green:#b4d6a0;--green-strong:#1f3525;--white:#f3f5f0;--radius:17px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#131915;border-right:1px solid #232b25;padding:25px 14px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 26px;text-decoration:none;color:var(--white)}.brand-mark{width:38px;height:38px;border-radius:12px;background:#d1e5be;color:#162219;display:grid;place-items:center;font-weight:800;font-size:22px;letter-spacing:-2px}.brand-mark span{color:#829d6b}.brand strong,.brand small{display:block}.brand strong{font-size:14px;letter-spacing:.01em}.brand small{margin-top:3px;color:#819085;font-size:11px}.search-launch{height:40px;display:flex;align-items:center;gap:10px;background:#1a211c;border:1px solid #2b342d;color:#aab5aa;padding:0 10px;border-radius:10px;text-align:left;font-size:12px}.search-launch .search-icon{font-size:23px;line-height:1;color:#93a08f}.search-launch kbd{margin-left:auto;border:1px solid #3a433c;border-radius:5px;padding:2px 5px;color:#7e8a80;font:10px ui-monospace,monospace}.nav-label{color:#6f7b71;font-size:9px;font-weight:700;letter-spacing:.13em;margin:26px 10px 9px}.folder-nav{overflow:auto;flex:1;padding-bottom:14px}.nav-item{width:100%;border:0;background:transparent;border-radius:9px;min-height:37px;display:flex;align-items:center;gap:10px;padding:0 9px 0 calc(9px + var(--depth,0)*13px);font-size:12px;color:#9da99f;text-align:left}.nav-item:hover,.nav-item.active{background:#202a22;color:#e7efe3}.nav-item.active .nav-symbol{color:#c3dda9}.nav-symbol{width:16px;text-align:center;color:#78857a;font-size:14px}.nav-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.nav-count{font-size:10px;color:#758178}.nav-children{margin-left:9px;border-left:1px solid #29332b}.sidebar-bottom{border-top:1px solid #29322c;padding-top:15px}.local-status{display:flex;align-items:flex-start;gap:9px;padding:0 8px 13px}.status-dot{width:7px;height:7px;background:#91c982;border-radius:50%;margin-top:4px;box-shadow:0 0 0 3px #263b2a}.local-status strong,.local-status small{display:block}.local-status strong{font-size:10px;color:#c1ccc1;font-weight:600}.local-status small{font-size:9px;color:#77847a;margin-top:4px}.settings-link{font-size:11px}.main-area{grid-column:2;min-width:0}.topbar{height:66px;border-bottom:1px solid #232b25;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.2vw,64px);position:sticky;top:0;background:rgba(16,21,18,.91);backdrop-filter:blur(15px);z-index:10}.breadcrumbs,.top-actions{display:flex;align-items:center;gap:11px}.crumb-home{border:0;background:none;font-size:21px;color:#8d9a8d;padding:2px}.crumb,.breadcrumbs>span:not(.crumb-home){border:0;background:none;font-size:11px;color:#8e9a8f;padding:0}.crumb:last-child{color:#dce5dc}.crumb-sep{color:#536055!important}.icon-button{background:transparent;border:1px solid #303a32;color:#a9b4a9;border-radius:9px;min-width:34px;height:34px;display:inline-grid;place-items:center;font-size:17px}.icon-button:hover{background:#222b24}.top-actions{gap:12px}.avatar{width:30px;height:30px;border:1px solid #3a493c;background:#243127;border-radius:50%;color:#c9dcba;font-weight:600;font-size:11px}.mobile-menu{display:none}.content{max-width:1220px;margin:0 auto;padding:40px clamp(22px,4.2vw,64px) 24px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.15em;color:#829080;margin:0 0 11px}.welcome-row h1{font-size:clamp(28px,3vw,37px);letter-spacing:-.04em;line-height:1.1;margin:0;color:#f1f4ef;font-weight:600}.page-subtitle{font-size:12px;color:#87938a;margin:10px 0 0}.welcome-actions{display:flex;gap:8px}.button{height:38px;border-radius:9px;padding:0 13px;border:1px solid transparent;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.button span{font-size:16px}.button-primary{background:#c7dfb5;color:#19251b;border-color:#c7dfb5}.button-primary:hover{background:#d7ebc7}.button-quiet{background:#1a211c;border-color:#303a32;color:#bcc6bd}.button-quiet:hover{background:#222c24}.button-danger{background:transparent;border-color:#553835;color:#e0a8a0}.highlights{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.highlight-card{border:1px solid #2b342e;border-radius:14px;background:#171e19;min-height:86px;padding:16px;display:flex;align-items:center;gap:12px}.highlight-dark{background:#202a22;border-color:#2b3b2d}.highlight-icon{width:37px;height:37px;border:1px solid #3d4d40;border-radius:11px;display:grid;place-items:center;color:#c5d9b7;font-size:19px}.highlight-green{background:#203423;color:#bbdba7}.highlight-card div:nth-child(2){display:flex;flex-direction:column;gap:6px}.highlight-card span:not(.highlight-arrow){font-size:8px;color:#849186;letter-spacing:.1em;font-weight:700}.highlight-card strong{font-size:14px;font-weight:600;color:#e3ebe2}.highlight-arrow{margin-left:auto;color:#93a08f}.highlight-link{margin-left:auto;background:none;border:0;color:#adc99b;font-size:20px}.section-heading{margin:36px 0 14px;display:flex;align-items:center;justify-content:space-between}.section-heading>div:first-child{display:flex;align-items:baseline;gap:10px}.section-heading h2{font-size:14px;letter-spacing:-.01em;margin:0;color:#e5ebe5;font-weight:600}.section-count{font-size:10px;color:#748076}.filter-button{border:1px solid #303a32;background:#171e19;color:#aab5aa;border-radius:8px;padding:7px 9px;font-size:10px}.filter-button span{margin-left:7px;color:#768277}.folder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.folder-card{min-height:116px;border:1px solid #303b33;background:#1a211c;border-radius:13px;padding:13px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.folder-card:hover{transform:translateY(-2px);border-color:#556451}.folder-card:after{content:"";position:absolute;right:-22px;bottom:-47px;width:100px;height:100px;border-radius:50%;background:var(--tint,#2b3a2d);opacity:.38}.folder-machine{--accent:#c4d9a9;--tint:#445638}.folder-table{--accent:#9acbb4;--tint:#285944}.folder-drawer{--accent:#c1abe5;--tint:#534276}.folder-sample{--accent:#e5a2a4;--tint:#613b3f}.folder-misc{--accent:#e9ae79;--tint:#68452d}.folder-notes{--accent:#e3aebd;--tint:#654652}.folder-catalog{--accent:#ead292;--tint:#62532e}.folder-purchase{--accent:#8fcad2;--tint:#2d5960}.folder-sketch{--accent:#d4bfa9;--tint:#5e4b3c}.folder-supplier{--accent:#dbb1a1;--tint:#65483c}.folder-measure{--accent:#c1c6c4;--tint:#4a5350}.folder-card-top{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:14px;position:relative;z-index:1}.folder-glyph{width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--accent,#bfd5ae) 17%,transparent);color:var(--accent,#bfd5ae);display:grid;place-items:center;font-size:15px}.folder-menu{color:#7d8a7d;letter-spacing:2px;transform:translateY(-3px);opacity:0}.folder-card:hover .folder-menu{opacity:1}.folder-card>strong{font-size:12px;color:#e1e9df;font-weight:600;z-index:1}.folder-card-count{margin-top:6px;font-size:9px;color:#869288;z-index:1}.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:7px}.note-card{border:1px solid #2a342d;border-radius:13px;background:#171e19;min-height:144px;display:flex;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s}.note-card:hover{border-color:#52634f;transform:translateY(-1px)}.note-card-main{padding:14px;min-width:0;flex:1}.note-type-line{display:flex;align-items:center;gap:6px;color:#91a091;font-size:9px}.note-type-icon{color:#b7cca7;font-size:13px}.note-date{margin-left:auto;color:#788479}.note-card h3{font-size:13px;margin:12px 0 6px;color:#e6ede4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.note-card p{font-size:10px;line-height:1.5;color:#8d998f;margin:0;max-width:390px}.note-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.note-folder-tag{font-size:8px;background:#242d26;color:#9ba99b;border-radius:5px;padding:4px 6px}.note-card-footer>span:last-child{font-size:9px;color:#9eaa9d}.note-card-art,.note-thumb{width:112px;flex:none;background:#202921;display:grid;place-items:center;position:relative;overflow:hidden}.note-card-art:before,.note-card-art:after{content:"";position:absolute;border:1px solid #455446;border-radius:50%;width:80px;height:80px;transform:rotate(30deg) scaleX(.64)}.note-card-art:after{width:55px;height:55px;transform:rotate(-22deg) scaleX(.72)}.note-card-art span{z-index:1;font-size:22px;color:#a9c199}.art-table,.art-sketch{background:#29291e}.art-machine{background:#242b27}.art-purchase{background:#2c251d}.art-drawer{background:#282332}.note-thumb{background-size:cover;background-position:center}.page-footer{display:flex;justify-content:space-between;border-top:1px solid #252e27;padding-top:13px;margin-top:36px;color:#627064;font-size:9px}.empty-state{text-align:center;max-width:390px;margin:48px auto 68px;padding:26px}.empty-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 14px;border-radius:16px;background:#202a22;color:#bfd6ae;font-size:24px}.empty-state h3{font-size:15px;margin:0 0 8px}.empty-state p{font-size:11px;line-height:1.6;color:#89958b;margin:0 0 17px}.hidden{display:none!important}.mobile-scrim{display:none}.modal-backdrop,.search-overlay{position:fixed;inset:0;z-index:60;background:rgba(2,5,3,.72);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.dialog{width:min(100%,590px);max-height:min(90vh,860px);overflow:auto;background:#171e19;border:1px solid #364238;border-radius:17px;padding:21px;box-shadow:0 25px 90px #0009}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.dialog-heading .eyebrow{margin-bottom:6px}.dialog-heading h2{font-size:20px;margin:0;color:#edf2ec;letter-spacing:-.03em}.dialog-heading .icon-button{font-size:21px}.note-dialog{width:min(100%,660px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.dialog>label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#aab6aa}.form-grid input,.form-grid textarea,.form-grid select,.dialog>label input,.dialog>label select{width:100%;border:1px solid #333e35;background:#101612;color:#e6eee6;border-radius:8px;padding:10px 11px;outline:none;font-size:11px}.form-grid textarea{resize:vertical;line-height:1.5}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.dialog>label input:focus,.dialog>label select:focus{border-color:#8cac7a}.span-2{grid-column:span 2}.structured-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.structured-fields:empty{display:none}.upload-field input{padding:8px}.upload-field small{font-size:9px;color:#77857a}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:20px}.search-overlay{place-items:start center;padding-top:min(18vh,150px)}.search-box{width:min(100%,630px);background:#1a211c;border:1px solid #39463b;border-radius:14px;box-shadow:0 25px 90px #0009;padding:10px 13px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px}.search-box .search-icon{font-size:24px;color:#a6b29f}.search-box input{border:0;outline:0;background:transparent;color:#edf2eb;font-size:13px;padding:9px 0}.search-box .icon-button{font-size:9px;padding:0 7px;min-width:38px;height:25px}.search-hint{grid-column:2 / 4;border-top:1px solid #2c362e;padding:10px 0 3px;color:#7f8c81;font-size:10px}.detail-dialog{width:min(100%,650px)}.detail-meta{display:flex;gap:9px;color:#869488;font-size:10px;margin:-6px 0 18px}.detail-meta span:first-child{color:#bed2b0}.detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.detail-field{padding:10px;border:1px solid #303b32;background:#1b231d;border-radius:8px}.detail-field span,.detail-field strong{display:block}.detail-field span{font-size:9px;text-transform:capitalize;color:#819083;margin-bottom:6px}.detail-field strong{font-size:11px;font-weight:500;color:#dce6dc}.detail-body{font-size:12px;line-height:1.7;color:#c6d0c7;border-top:1px solid #303a32;padding-top:16px;white-space:normal}.detail-attachments{margin-top:20px}.detail-attachments h3{font-size:11px;color:#aab7aa}.detail-attachments>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.attachment-image,.attachment-file{min-width:0;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#dce5db;background:#202922;border:1px solid #354137;border-radius:9px;overflow:hidden;font-size:9px}.attachment-image img{width:100%;height:105px;object-fit:cover}.attachment-image span{padding:0 8px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-file{padding:12px}.attachment-file>span{color:#c3daa9;font-size:18px}.attachment-file strong{font-size:9px;overflow-wrap:anywhere}.attachment-file small{color:#869488}.detail-actions{border-top:1px solid #2c372f;padding-top:15px}.detail-actions span{flex:1}.compact-dialog{width:min(100%,380px)}.menu-action{background:transparent;border:0;width:100%;padding:12px 7px;text-align:left;display:flex;gap:10px;align-items:center;color:#d4ded4;font-size:14px}.menu-action span{font-size:11px}.menu-action:hover{background:#202a22;border-radius:8px}.menu-action.danger{color:#e3a8a0}.small-muted{color:#79867c;font-size:9px;line-height:1.5}.settings-dialog{width:min(100%,520px)}.setting-card{display:flex;gap:12px;padding:14px;border:1px solid #303b32;border-radius:11px;margin:10px 0;background:#1b231d}.setting-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#29352a;color:#bbd6a8;flex:none}.setting-card strong{display:block;font-size:11px;color:#e0e9df}.setting-card p,.settings-note{font-size:10px;line-height:1.55;color:#89958b;margin:6px 0}.setting-badge{display:inline-block;margin-top:5px;font-size:8px;background:#342d1e;color:#d9c18c;padding:4px 7px;border-radius:5px}.settings-note{padding:5px 2px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#d0e2c0;color:#1b281c;padding:10px 15px;border-radius:9px;font-size:11px;font-weight:600;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1080px){.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.notes-grid{grid-template-columns:1fr}.note-card-art,.note-thumb{width:128px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{width:min(286px,84vw);transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 45px #0008}.sidebar.mobile-open{transform:translateX(0)}.main-area{min-height:100vh}.topbar{height:56px;padding:0 16px}.mobile-menu{display:inline-grid}.breadcrumbs{margin-right:auto;margin-left:10px}.top-actions{gap:7px}.content{padding:29px 17px 20px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-row h1{font-size:30px}.welcome-actions{width:100%;margin-top:4px}.welcome-actions .button{flex:1}.highlights{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.highlight-card{min-height:76px;padding:11px;gap:8px}.highlight-icon{width:30px;height:30px}.highlight-card strong{font-size:12px}.highlight-card span:not(.highlight-arrow){font-size:7px}.section-heading{margin-top:28px}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.folder-card{min-height:103px;padding:11px}.folder-card>strong{font-size:11px}.folder-card-count{font-size:8px}.notes-grid{gap:8px}.note-card{min-height:136px}.note-card-main{padding:12px}.note-card-art,.note-thumb{width:96px}.note-card h3{font-size:12px}.note-card p{font-size:9px}.page-footer{margin-top:28px}.mobile-scrim.visible{display:block;position:fixed;inset:0;z-index:15;background:#0008}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.structured-fields{grid-template-columns:1fr}.detail-attachments>div{grid-template-columns:repeat(2,1fr)}.dialog{padding:17px}.detail-actions{flex-wrap:wrap}.detail-actions span{display:none}.detail-actions .button{flex:1}.detail-fields{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.highlights{grid-template-columns:1fr}.note-card-art,.note-thumb{width:78px}.note-card-main{padding:10px}.note-card p{max-width:190px}.welcome-row h1{font-size:27px}.button{padding:0 9px;font-size:10px}}
.folder-card{cursor:pointer}.folder-menu{border:0;background:transparent;font:700 17px/1 system-ui;color:#9ca99c;padding:5px 7px;border-radius:6px;position:relative;z-index:3}.folder-menu:hover,.folder-menu:focus-visible{opacity:1;background:#273329}.field-hint{font-size:9px;color:#748176}.form-grid select[multiple]{min-height:72px;padding:6px}.form-grid select[multiple] option{padding:5px;border-radius:4px}.reference-link{display:flex;align-items:center;gap:11px;text-decoration:none;color:#dce7d9;margin-top:17px;border:1px solid #39483a;background:#202a22;padding:11px;border-radius:9px}.reference-link>span:first-child{font-size:18px;color:#c5dfb2}.reference-link small,.reference-link strong{display:block}.reference-link small{font-size:8px;color:#839183;letter-spacing:.1em;margin-bottom:5px}.reference-link strong{font-size:10px;overflow-wrap:anywhere;font-weight:500}.related-section{margin-top:18px}.related-section h3{font-size:11px;color:#aab7aa}.related-section>div{display:flex;flex-wrap:wrap;gap:7px}.related-note{border:1px solid #39463b;background:#1d271f;color:#d4ded4;border-radius:7px;padding:8px 9px;font-size:10px;display:flex;align-items:center;gap:7px;max-width:100%}.related-note>span{color:#b7d1a7}.related-note b{font-weight:400;color:#92a18e}.related-note:hover{border-color:#8cac7a}.folder-menu{opacity:.7}
@media(max-width:760px){.folder-menu{opacity:.85;min-width:32px;min-height:32px}.dialog-actions .button-danger{flex:initial}}
.backup-actions{display:flex;gap:8px;margin-top:14px}.restore-label{position:relative;overflow:hidden;cursor:pointer}.restore-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.backup-actions .button{flex:1}.settings-dialog>.field-hint{margin:9px 2px 0;line-height:1.5}
.mobile-add-note{display:none}
@media(max-width:760px){.mobile-add-note{display:flex;position:fixed;right:18px;bottom:max(19px,env(safe-area-inset-bottom));z-index:12;align-items:center;gap:7px;height:49px;padding:0 17px;border:1px solid #c7dfb5;border-radius:26px;background:#c7dfb5;color:#19251b;box-shadow:0 8px 22px #0006;font-weight:700;font-size:19px}.mobile-add-note span{font-size:11px}.page-footer{padding-bottom:67px}}
.mobile-bottom-nav{display:none}
@media(max-width:760px){
  .content{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));left:0;right:0;bottom:0;z-index:14;padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#171e19;border-top:1px solid #303b32;box-shadow:0 -8px 24px #0004}
  .mobile-bottom-nav button{min-width:0;min-height:48px;border:0;border-radius:9px;background:transparent;color:#89968b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
  .mobile-bottom-nav button>span{font-size:20px;line-height:1.1}
  .mobile-bottom-nav button small{font-size:9px}
  .mobile-bottom-nav button.active{background:#263329;color:#d3e4c7}
  .mobile-add-note{right:15px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:13}
  .attachment-actions{display:flex;gap:8px;flex-wrap:wrap}
  .attachment-actions .button{min-height:42px;flex:1;justify-content:center;font-size:11px}
  .file-picker{position:relative;overflow:hidden;cursor:pointer}
  .file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
  .camera-input{display:none!important}
  .upload-field{display:flex;flex-direction:column;gap:8px}
  .upload-field>span{font-size:10px;color:#aab6aa}
  .upload-field>small{font-size:9px;color:#77857a;line-height:1.45}
  .selected-files{overflow-wrap:anywhere;color:#c5d9b7!important}
  .install-app-button{width:100%;min-height:42px;justify-content:center}
  .install-app-button:disabled{opacity:.5}
  .page-footer{padding-bottom:15px}
}
.sketch-field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid #313d33;background:#1a231c;border-radius:10px}.sketch-field>div:first-child strong,.sketch-field>div:first-child small{display:block}.sketch-field>div:first-child strong{font-size:10px;color:#dce7da}.sketch-field>div:first-child small{font-size:9px;color:#829083;margin-top:4px}.drawing-preview{grid-column:1 / -1;display:flex;align-items:center;gap:9px;color:#9cad98;font-size:9px}.drawing-preview img{width:76px;height:50px;object-fit:cover;border:1px solid #475445;border-radius:6px}.drawing-backdrop{z-index:80}.drawing-dialog{width:min(100%,1060px);max-height:94vh;overflow:auto;background:#171e19;border:1px solid #3b473c;border-radius:16px;padding:17px;box-shadow:0 25px 90px #000b}.drawing-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.drawing-header .eyebrow{margin-bottom:4px}.drawing-header h2{margin:0;font-size:17px;letter-spacing:-.02em}.drawing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;padding:9px;border:1px solid #2b352d;background:#121814;border-radius:10px;margin-bottom:10px}.drawing-tools{display:flex;gap:5px;align-items:center}.drawing-tool{height:31px;display:inline-flex;align-items:center;gap:5px;border:1px solid transparent;border-radius:7px;background:transparent;color:#aab7aa;padding:0 8px;font-size:13px}.drawing-tool span{font-size:9px}.drawing-tool:hover,.drawing-tool.selected{background:#263329;border-color:#3c4d3f;color:#d6e6ce}.drawing-colors{display:flex;gap:7px}.color-dot{width:20px;height:20px;border-radius:50%;border:2px solid #121814;background:#24362b;box-shadow:0 0 0 1px #566353}.color-dot:nth-child(2){background:#2670bb}.color-dot:nth-child(3){background:#c3453f}.color-dot.selected{box-shadow:0 0 0 2px #c3d7b1}.drawing-canvas-wrap{width:100%;overflow:hidden;border-radius:8px;border:1px solid #b8c3b4;background:#fbfcf8}.drawing-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:14/9;touch-action:none;cursor:crosshair}.drawing-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.drawing-footer>span{color:#829083;font-size:9px}.drawing-footer>div{display:flex;gap:7px}.drawing-footer .button{height:34px}
@media(max-width:760px){.sketch-field{grid-template-columns:1fr}.sketch-field>.button{width:100%}.drawing-dialog{padding:11px;width:100%;max-height:96vh}.drawing-toolbar{gap:6px;padding:6px}.drawing-tools{justify-content:center}.drawing-tool{height:29px;padding:0 6px}.drawing-tool span{font-size:8px}.drawing-footer{align-items:flex-start;flex-direction:column}.drawing-footer>div{width:100%}.drawing-footer .button{flex:1}.drawing-canvas-wrap canvas{min-height:280px;object-fit:fill}}
.related-picker-field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#aab6aa}.related-picker{display:flex;flex-wrap:wrap;gap:6px;max-height:125px;overflow:auto;padding:8px;border:1px solid #333e35;background:#101612;border-radius:8px}.related-choice{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px!important;background:#1b241d;border:1px solid #2d3a30;border-radius:7px;padding:7px 9px;cursor:pointer}.related-choice:has(input:checked){background:#29382a;border-color:#718c67}.related-choice input{accent-color:#b4d6a0;width:13px;height:13px;padding:0}.related-choice>span{color:#bbd2aa}.related-choice strong{font-size:9px;font-weight:500;color:#d7e2d5}.related-empty{padding:4px;color:#778479;font-size:9px}
.cloud-card-content{min-width:0;flex:1}.cloud-card-content>strong{font-size:11px;color:#e0e9df}.cloud-card-content>p{font-size:10px;line-height:1.55;color:#89958b;margin:6px 0 12px}.cloud-config-form,.cloud-login-form{display:grid;gap:9px;margin:12px 0}.cloud-config-form label,.cloud-login-form label{display:flex;flex-direction:column;gap:6px;color:#aab6aa;font-size:10px}.cloud-config-form input,.cloud-login-form input{width:100%;min-width:0;border:1px solid #333e35;background:#101612;color:#e6eee6;border-radius:8px;padding:10px 11px;outline:none;font-size:11px}.cloud-config-form input:focus,.cloud-login-form input:focus{border-color:#8cac7a}.cloud-config-form>.button{min-height:38px;justify-content:center}.cloud-login-form>div,.cloud-action-row{display:flex;gap:8px;flex-wrap:wrap}.cloud-login-form>div .button,.cloud-action-row .button{flex:1;justify-content:center;min-height:38px}.cloud-card-content .settings-note{margin:8px 0;color:#9ba79c}.cloud-card-content .field-hint{display:block;margin-top:8px;line-height:1.5}

/* Interfaz clara, suave y sencilla inspirada en las apps de Apple. */
:root{color:#1d1d1f;background:#f5f5f7;--bg:#f5f5f7;--panel:#fff;--panel-2:#f2f2f7;--line:#e5e5ea;--muted:#86868b;--soft:#6e6e73;--green:#347a52;--green-strong:#e8f3eb;--white:#1d1d1f;--radius:18px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}
body{background:#f5f5f7;color:#1d1d1f}
.sidebar{background:rgba(250,250,252,.92);border-color:#e5e5ea;backdrop-filter:blur(24px)}
.brand{color:#1d1d1f}.brand small{color:#86868b}.brand-mark{background:#d9ebd1;color:#24412c}
.search-launch{background:#fff;border-color:#e5e5ea;color:#6e6e73;box-shadow:0 1px 2px #1d1d1f08}.search-launch .search-icon{color:#86868b}.search-launch kbd{border-color:#e5e5ea;color:#8e8e93}
.nav-label{color:#8e8e93}.nav-item{color:#6e6e73}.nav-item:hover,.nav-item.active{background:#eaf2ff;color:#0066cc}.nav-item.active .nav-symbol,.nav-symbol{color:#007aff}.nav-count{color:#8e8e93}.nav-children{border-color:#e5e5ea}
.sidebar-bottom{border-color:#e5e5ea}.local-status strong{color:#3a3a3c}.local-status small{color:#8e8e93}.status-dot{background:#34c759;box-shadow:0 0 0 3px #e2f5e6}
.topbar{background:rgba(250,250,252,.82);border-color:#e5e5ea;backdrop-filter:blur(22px)}.crumb-home,.crumb,.breadcrumbs>span:not(.crumb-home){color:#6e6e73}.crumb:last-child{color:#1d1d1f}.crumb-sep{color:#aeaeb2!important}
.icon-button{background:#fff;border-color:#e5e5ea;color:#3a3a3c}.icon-button:hover{background:#f2f2f7}.avatar{background:#eaf2ff;border-color:#d6e6ff;color:#0066cc}
.eyebrow{color:#86868b}.welcome-row h1{color:#1d1d1f;font-weight:650;letter-spacing:-.045em}.page-subtitle{color:#6e6e73}
.button{border-radius:11px;font-size:12px}.button-primary{background:#007aff;border-color:#007aff;color:#fff;box-shadow:0 2px 4px #007aff24}.button-primary:hover{background:#006be6;border-color:#006be6}.button-quiet{background:#fff;border-color:#e5e5ea;color:#3a3a3c}.button-quiet:hover{background:#f2f2f7}.button-danger{border-color:#f2d7d5;color:#c0392b}
.highlights{gap:14px}.highlight-card{background:#fff;border-color:#e5e5ea;border-radius:18px;box-shadow:0 2px 8px #1d1d1f08}.highlight-dark{background:#fff;border-color:#e5e5ea}.highlight-icon{background:#f2f2f7;border-color:#e5e5ea;color:#007aff}.highlight-green{background:#eaf2ff;color:#007aff}.highlight-card span:not(.highlight-arrow){color:#86868b}.highlight-card strong{color:#1d1d1f}.highlight-arrow{color:#8e8e93}.highlight-link{color:#007aff}
.section-heading h2{color:#1d1d1f}.section-count{color:#86868b}.filter-button{background:#fff;border-color:#e5e5ea;color:#3a3a3c;border-radius:10px}.filter-button span{color:#86868b}
.folder-card{background:#fff;border-color:#e5e5ea;border-radius:17px;box-shadow:0 2px 8px #1d1d1f08;min-height:124px}.folder-card:hover{border-color:#c7c7cc;box-shadow:0 7px 18px #1d1d1f0d;transform:translateY(-2px)}.folder-card:after{opacity:.14}.folder-glyph{background:color-mix(in srgb,var(--accent,#007aff) 12%,white);color:var(--accent,#007aff)}.folder-card>strong{color:#1d1d1f}.folder-card-count{color:#86868b}.folder-menu{color:#6e6e73}.folder-menu:hover,.folder-menu:focus-visible{background:#f2f2f7}
.notes-grid{gap:13px}.note-card{background:#fff;border-color:#e5e5ea;border-radius:17px;box-shadow:0 2px 8px #1d1d1f08}.note-card:hover{border-color:#c7c7cc;box-shadow:0 7px 18px #1d1d1f0d}.note-type-line{color:#6e6e73}.note-type-icon{color:#007aff}.note-date{color:#8e8e93}.note-card h3{color:#1d1d1f}.note-card p{color:#6e6e73}.note-folder-tag{background:#f2f2f7;color:#6e6e73;border-radius:7px}.note-card-footer>span:last-child{color:#6e6e73}.note-card-art,.note-thumb{background-color:#f2f2f7}.note-card-art:before,.note-card-art:after{border-color:#c7c7cc}.note-card-art span{color:#007aff}.art-table,.art-sketch{background:#f5f5f7}.art-machine{background:#eef3ee}.art-purchase{background:#f7f1e8}.art-drawer{background:#f1eff7}
.page-footer{border-color:#e5e5ea;color:#86868b}.empty-icon{background:#eaf2ff;color:#007aff}.empty-state h3{color:#1d1d1f}.empty-state p{color:#6e6e73}
.modal-backdrop,.search-overlay{background:rgba(29,29,31,.32);backdrop-filter:blur(14px)}.dialog,.drawing-dialog{background:#fff;border-color:#e5e5ea;border-radius:22px;box-shadow:0 24px 80px #1d1d1f24}.dialog-heading h2{color:#1d1d1f}.form-grid label,.dialog>label{color:#3a3a3c}.form-grid input,.form-grid textarea,.form-grid select,.dialog>label input,.dialog>label select,.cloud-config-form input,.cloud-login-form input{background:#fff;border-color:#d2d2d7;color:#1d1d1f;border-radius:11px}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.dialog>label input:focus,.dialog>label select:focus,.cloud-config-form input:focus,.cloud-login-form input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff20}
.search-box{background:#fff;border-color:#e5e5ea;border-radius:18px;box-shadow:0 24px 80px #1d1d1f24}.search-box .search-icon{color:#007aff}.search-box input{color:#1d1d1f}.search-hint{border-color:#e5e5ea;color:#86868b}
.detail-meta{color:#6e6e73}.detail-meta span:first-child{color:#007aff}.detail-field{background:#f5f5f7;border-color:#e5e5ea}.detail-field span{color:#86868b}.detail-field strong{color:#1d1d1f}.detail-body{color:#3a3a3c;border-color:#e5e5ea}.detail-attachments h3,.related-section h3{color:#3a3a3c}.attachment-image,.attachment-file{background:#f5f5f7;border-color:#e5e5ea;color:#1d1d1f}.attachment-file>span{color:#007aff}.attachment-file small{color:#86868b}.detail-actions{border-color:#e5e5ea}.menu-action{color:#1d1d1f}.menu-action:hover{background:#f2f2f7}.menu-action.danger{color:#c0392b}.small-muted{color:#86868b}
.setting-card{background:#fff;border-color:#e5e5ea;border-radius:15px}.setting-icon{background:#eaf2ff;color:#007aff}.setting-card strong,.cloud-card-content>strong{color:#1d1d1f}.setting-card p,.settings-note,.cloud-card-content>p,.cloud-card-content .settings-note{color:#6e6e73}.setting-badge{background:#eaf2ff;color:#0066cc}.field-hint{color:#86868b}.cloud-card-content .field-hint{color:#6e6e73}
.toast{background:#1d1d1f;color:#fff;border-radius:14px;box-shadow:0 6px 20px #1d1d1f26}
.mobile-add-note{background:#007aff;border-color:#007aff;color:#fff;box-shadow:0 5px 16px #007aff38}.mobile-bottom-nav{background:rgba(250,250,252,.92);border-color:#e5e5ea;box-shadow:0 -4px 18px #1d1d1f0a;backdrop-filter:blur(22px)}.mobile-bottom-nav button{color:#86868b}.mobile-bottom-nav button.active{background:#eaf2ff;color:#007aff}
.reference-link,.related-note{background:#f5f5f7;border-color:#e5e5ea;color:#1d1d1f}.reference-link>span:first-child,.related-note>span{color:#007aff}.reference-link small{color:#86868b}.related-note b{color:#6e6e73}.related-note:hover{border-color:#007aff}.related-picker{background:#fff;border-color:#d2d2d7}.related-choice{background:#f5f5f7;border-color:#e5e5ea}.related-choice:has(input:checked){background:#eaf2ff;border-color:#007aff}.related-choice strong{color:#1d1d1f}.related-choice>span{color:#007aff}.related-empty{color:#86868b}
.sketch-field{background:#f5f5f7;border-color:#e5e5ea}.sketch-field>div:first-child strong{color:#1d1d1f}.sketch-field>div:first-child small,.drawing-footer>span{color:#6e6e73}.drawing-toolbar{background:#f5f5f7;border-color:#e5e5ea}.drawing-tool{color:#3a3a3c}.drawing-tool:hover,.drawing-tool.selected{background:#eaf2ff;border-color:#cfe2ff;color:#0066cc}.drawing-colors .color-dot{border-color:#f5f5f7}.drawing-colors .color-dot.selected{box-shadow:0 0 0 2px #007aff}.drawing-backdrop{background:rgba(29,29,31,.4)}
@media(max-width:760px){.mobile-scrim.visible{background:#1d1d1f35}.sidebar{box-shadow:18px 0 45px #1d1d1f1c}.mobile-add-note{bottom:calc(66px + env(safe-area-inset-bottom))}}

/* Taller: captura, favoritos y registros de fichas */
.favorite-toggle{margin-left:auto;border:0;background:transparent;color:#8e8e93;font-size:21px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:8px}
.favorite-toggle.selected{color:#e5a400}.favorite-toggle:hover{background:#f2f2f7}
#favorites-button[aria-pressed="true"]{background:#eaf2ff;border-color:#cfe2ff;color:#0066cc}
.quick-dialog{max-width:540px}.quick-dialog textarea{width:100%;resize:vertical;min-height:140px;background:#fff;border:1px solid #d2d2d7;border-radius:11px;padding:12px;color:#1d1d1f;font:inherit}
.quick-dialog textarea:focus{outline:0;border-color:#007aff;box-shadow:0 0 0 3px #007aff20}
.quick-photo-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 6px}.quick-photo-actions .button{flex:1;justify-content:center;min-width:140px}
.feature-section{margin:20px 0;padding:17px;border:1px solid #e5e5ea;border-radius:15px;background:#fafafa}
.feature-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.feature-heading h3{margin:0;color:#1d1d1f;font-size:15px}
.feature-list{display:grid;gap:9px;max-height:55vh;overflow:auto}.feature-row{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;background:#fff;border:1px solid #e5e5ea;border-radius:11px;min-width:0;overflow-wrap:anywhere}
.feature-row strong{font-size:14px;color:#1d1d1f}.feature-row span,.feature-row small,.feature-empty{font-size:13px;color:#6e6e73;line-height:1.45}.feature-empty{margin:6px 0 0}
.status-pill{padding:7px 11px;border:1px solid #cfe2ff;border-radius:999px;background:#eaf2ff;color:#0066cc;font-weight:600;cursor:pointer}
.trash-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.trash-actions .button{font-size:12px}
@media(max-width:760px){.backup-actions{flex-wrap:wrap}.backup-actions .button{min-width:45%}.feature-section{padding:13px}}

/* Cotas sobre fotografías */
.measured-attachment{align-self:start}.measured-attachment canvas{display:block;width:100%;height:auto;max-height:210px;object-fit:contain;background:#f2f2f7}.measured-attachment>span{padding:7px 8px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.photo-attachment-actions{display:flex;flex-wrap:wrap;gap:5px;padding:4px 8px 9px}.photo-attachment-actions button,.photo-attachment-actions a{background:#eaf2ff;border:1px solid #d5e7ff;color:#0066cc;border-radius:7px;padding:6px 7px;font-size:10px;font-weight:600;text-decoration:none;cursor:pointer}
.photo-attachment-actions button:hover,.photo-attachment-actions a:hover{background:#dcecff}
.photo-measure-dialog{width:min(100%,1100px)}.photo-measure-help{color:#6e6e73;font-size:12px;line-height:1.5;margin:0 0 11px}.photo-measure-tools{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-bottom:10px}.photo-measure-tools label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:160px;color:#3a3a3c;font-size:11px}.photo-measure-tools input{height:38px;border:1px solid #d2d2d7;border-radius:9px;padding:8px 11px;background:#fff;color:#1d1d1f;font-size:13px}.photo-measure-tools input:focus{outline:0;border-color:#007aff;box-shadow:0 0 0 3px #007aff20}
.photo-measure-canvas{max-height:61vh;overflow:auto;border:1px solid #d2d2d7;border-radius:10px;background:#f5f5f7}.photo-measure-canvas canvas{display:block;max-width:100%;max-height:60vh;width:auto;height:auto;margin:auto;touch-action:none;cursor:crosshair}
@media(max-width:760px){.detail-attachments>div{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-measure-canvas{max-height:56vh}.photo-measure-canvas canvas{max-height:55vh}}

/* Listas de cortes por modelo */
.cut-list{margin-top:12px}.cut-row{gap:6px}.cut-row>strong{display:flex;align-items:center;gap:8px}.cut-row>strong span{color:#0066cc;font-weight:700}.cut-row-actions{display:flex;gap:7px;margin-top:5px}.cut-row-actions .button{height:30px;font-size:10px}.cut-print-button{margin-top:13px;width:100%}
.cut-dialog .cut-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:10px 0}.cut-form-grid label{display:flex;flex-direction:column;gap:6px;color:#3a3a3c;font-size:10px}.cut-form-grid input{width:100%;border:1px solid #d2d2d7;background:#fff;color:#1d1d1f;border-radius:11px;padding:10px 11px;outline:0;font-size:12px}.cut-form-grid input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff20}
.cut-sheet-dialog{width:min(100%,970px);background:#fff;color:#1d1d1f}.cut-sheet-controls{display:flex;justify-content:space-between;gap:10px;margin-bottom:22px}.cut-sheet-header{border-bottom:2px solid #1d1d1f;padding-bottom:13px}.cut-sheet-header p{font-size:10px;font-weight:700;letter-spacing:.13em;color:#6e6e73;margin:0 0 10px}.cut-sheet-header h2{font-size:23px;margin:0 0 8px}.cut-sheet-header span{font-size:12px;color:#6e6e73}.cut-sheet-table-wrap{overflow-x:auto;margin-top:18px}.cut-sheet-table{width:100%;border-collapse:collapse;font-size:12px}.cut-sheet-table th,.cut-sheet-table td{border-bottom:1px solid #d2d2d7;padding:9px 7px;text-align:left;vertical-align:top}.cut-sheet-table th{background:#f2f2f7;color:#3a3a3c;font-size:10px}.cut-sheet-table td small{color:#6e6e73}.cut-sheet-summary{font-weight:700;font-size:12px;margin:15px 0}.cut-sheet-footnote{font-size:10px;color:#6e6e73}
@media(max-width:760px){.cut-sheet-table{min-width:650px}.cut-sheet-dialog{padding:14px}.cut-sheet-controls .button{white-space:normal;height:auto;min-height:36px}}
@media print{@page{size:A4;margin:12mm}html,body{background:#fff!important;color:#000!important}body>:not(#modal-root){display:none!important}#modal-root{display:block!important}.cut-sheet-backdrop{position:static!important;inset:auto!important;display:block!important;padding:0!important;background:#fff!important;backdrop-filter:none!important}.cut-sheet-dialog{display:block!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;color:#000!important}.cut-sheet-controls{display:none!important}.cut-sheet-table-wrap{overflow:visible!important}.cut-sheet-table{min-width:0!important;font-size:9pt!important}.cut-sheet-table th,.cut-sheet-table td{padding:6px 5px!important}.cut-sheet-table tr{break-inside:avoid}.cut-sheet-header h2{font-size:18pt}.cut-sheet-footnote{margin-top:12px}}