:root{
  --bg:#f4f2ef; --card:#fff; --ink:#181818; --muted:#77736e; --line:#ddd7cf;
  --soft:#f0ece7; --accent:#111; --danger:#bb2f2f; --danger-bg:#fff0f0;
  --ok:#237a4b; --ok-bg:#edf8f1; --warn:#a86b00; --warn-bg:#fff7e6;
  --blue:#315f8c; --blue-bg:#eef5fb; --shadow:0 10px 30px rgba(0,0,0,.06);
  --radius:18px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}
body{font-size:15px} button,input,textarea,select{font:inherit} button{cursor:pointer}
a{color:inherit}
.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}
.sidebar{position:sticky;top:0;height:100vh;background:#111;color:#fff;padding:22px 16px;display:flex;flex-direction:column;gap:18px;z-index:20}
.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 14px;border-bottom:1px solid #333}
.brand-mark{width:44px;height:44px;border-radius:14px;background:#fff;color:#111;display:grid;place-items:center;font-weight:900;font-size:18px}
.brand h1{font-size:20px;margin:0}.brand small{display:block;color:#aaa;margin-top:3px}
.nav{display:flex;flex-direction:column;gap:6px}.nav button{border:0;background:transparent;color:#d7d7d7;text-align:right;padding:12px 13px;border-radius:12px;display:flex;align-items:center;gap:10px;font-weight:650}
.nav button:hover,.nav button.active{background:#272727;color:#fff}.nav .sep{height:1px;background:#333;margin:8px 4px}
.sidebar-footer{margin-top:auto;color:#888;font-size:12px;padding:10px 8px;line-height:1.5}
.main{min-width:0}.topbar{position:sticky;top:0;z-index:10;background:rgba(244,242,239,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(221,215,207,.8);padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.topbar h2{margin:0;font-size:21px}.top-actions{display:flex;gap:8px;align-items:center}.mobile-menu{display:none}
.content{padding:24px;max-width:1440px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-head h2{font-size:28px;margin:0 0 5px}.page-head p{margin:0;color:var(--muted)}
.btn{border:1px solid var(--line);background:#fff;color:#111;padding:10px 14px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px}.btn:hover{background:#f8f7f5}.btn.primary{background:#111;border-color:#111;color:#fff}.btn.danger{border-color:#e0bcbc;color:var(--danger);background:#fff}.btn.small{padding:7px 10px;min-height:32px;font-size:13px}.btn.ghost{background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}
.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card.flat{box-shadow:none}.card h3{margin:0 0 12px;font-size:18px}.card h4{margin:0 0 8px}.card p:last-child{margin-bottom:0}
.metric{padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line)}.metric .label{color:var(--muted);font-size:13px}.metric .value{font-size:24px;font-weight:850;margin-top:5px}.metric .sub{font-size:12px;color:var(--muted);margin-top:4px}
.project-card{padding:0;overflow:hidden;cursor:pointer;transition:.15s transform,.15s box-shadow}.project-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(0,0,0,.09)}
.project-cover{height:120px;background:linear-gradient(135deg,#ded8d0,#f6f3ef);position:relative;display:flex;align-items:center;justify-content:center;color:#6f6962;font-size:28px;font-weight:900}.project-cover img{width:100%;height:100%;object-fit:cover}.project-body{padding:16px}.project-body h3{margin:0 0 4px}.meta-row{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;margin-top:7px}
.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:var(--soft);font-size:12px;font-weight:700}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.blue{background:var(--blue-bg);color:var(--blue)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:750;font-size:13px}.field .hint{font-size:12px;color:var(--muted)}
input,textarea,select{width:100%;border:1px solid #cfc8c0;background:#fff;border-radius:11px;padding:11px 12px;outline:none;color:#111}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#777;box-shadow:0 0 0 3px rgba(0,0,0,.05)}
input[disabled]{background:#efedea;color:#a09a93;border-color:#e2ddd7;cursor:not-allowed}.auto-field{position:relative}.auto-field:after{content:"מתעדכן אוטומטית";position:absolute;left:10px;top:35px;font-size:10px;color:#aaa}
.project-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.project-menu{position:sticky;top:82px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:var(--shadow)}.project-menu button{width:100%;border:0;background:transparent;padding:11px;border-radius:10px;text-align:right;font-weight:700;color:#555}.project-menu button.active,.project-menu button:hover{background:#111;color:#fff}.project-menu .project-name{padding:12px 10px 14px;border-bottom:1px solid var(--line);margin-bottom:6px;font-weight:850}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-head h3{margin:0}.section-head .actions{display:flex;gap:8px;flex-wrap:wrap}
.upload-zone{border:2px dashed #d0c9c1;border-radius:16px;padding:18px;text-align:center;background:#faf9f7}.upload-zone strong{display:block;margin-bottom:5px}.upload-zone small{color:var(--muted)}
.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.media-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;position:relative;min-height:96px}.media-card .thumb{height:120px;background:#eee;display:grid;place-items:center;color:#888}.media-card .thumb img{width:100%;height:100%;object-fit:cover}.media-card .info{padding:9px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card .media-actions{display:flex;gap:5px;padding:0 8px 8px}.media-card .x{position:absolute;top:6px;left:6px;width:27px;height:27px;border-radius:50%;border:0;background:rgba(0,0,0,.67);color:#fff;font-weight:800;z-index:2}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:11px 10px;border-bottom:1px solid #eee;text-align:right;vertical-align:middle}th{background:#f7f5f2;font-size:12px;color:#5f5a54;position:sticky;top:0}tr:last-child td{border-bottom:0}.money{direction:ltr;text-align:right;font-variant-numeric:tabular-nums}.table-input{min-width:110px;padding:7px 8px;border-radius:8px}.row-danger{background:#fff5f5}.row-ok{background:#f7fcf9}
.progress{height:8px;border-radius:999px;background:#e8e4df;overflow:hidden}.progress>span{display:block;height:100%;background:#111;border-radius:999px}
.plan-list{display:flex;flex-direction:column;gap:10px}.plan-row{display:grid;grid-template-columns:190px 1fr auto;gap:12px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff}.plan-row.missing{border-color:#e0a7a7;background:#fff7f7}.plan-name{font-weight:800}.plan-name .missing-label{display:block;color:var(--danger);font-size:11px;margin-top:4px}.version-list{display:flex;flex-direction:column;gap:7px}.version-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;background:#f7f5f2;border-radius:10px}.version-item .file-name{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.seg button{border:0;background:#fff;padding:6px 8px;font-size:11px}.seg button.active{background:#111;color:#fff}
.selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.selection-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:15px}.selection-card.closed{border-color:#b7dbc7;background:#fbfffc}.selection-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.selection-title h4{margin:0}.selection-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.selection-fields .full{grid-column:1/-1}.mini-label{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:4px}.file-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#f8f6f3;border-radius:999px;padding:5px 8px;font-size:11px}.chip button{border:0;background:none;padding:0;font-weight:900}
.timeline{display:flex;flex-direction:column;gap:8px}.timeline-item{display:grid;grid-template-columns:22px 1fr 120px 120px;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);background:#fff;border-radius:12px}.dot{width:10px;height:10px;border-radius:50%;background:#bbb}.timeline-item.done .dot{background:var(--ok)}.timeline-item.due-soon .dot{background:var(--danger)}
.empty{padding:42px 20px;text-align:center;color:var(--muted);border:1px dashed #d5cec6;border-radius:16px;background:rgba(255,255,255,.55)}.empty .big{font-size:36px;margin-bottom:8px}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);display:grid;place-items:center;padding:18px;z-index:100}.modal{width:min(820px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 28px 90px rgba(0,0,0,.28)}.modal-head{position:sticky;top:0;background:#fff;padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;z-index:2}.modal-head h3{margin:0}.modal-body{padding:20px}.modal-foot{position:sticky;bottom:0;background:#fff;padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-start;gap:8px}
.toast{position:fixed;left:20px;bottom:20px;z-index:200;background:#111;color:#fff;padding:11px 15px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#9a2626}
.settings-type{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:10px;overflow:hidden}.settings-type summary{padding:13px 15px;font-weight:800;cursor:pointer;background:#faf8f5}.settings-type .inner{padding:14px}
.kpi-line{display:flex;justify-content:space-between;gap:10px;margin:8px 0;color:#555}.kpi-line strong{color:#111}.danger-text{color:var(--danger)!important}.ok-text{color:var(--ok)!important}.muted{color:var(--muted)}.ltr{direction:ltr;text-align:left}.nowrap{white-space:nowrap}.mt{margin-top:14px}.mb{margin-bottom:14px}.hidden{display:none!important}
.mobile-project-tabs{display:none}
@media(max-width:980px){
  .app-shell{grid-template-columns:1fr}.sidebar{position:fixed;right:0;top:0;bottom:0;width:250px;transform:translateX(105%);transition:.2s;box-shadow:-10px 0 40px rgba(0,0,0,.2)}.sidebar.open{transform:none}.mobile-menu{display:inline-flex}.content{padding:16px}.topbar{padding:12px 14px}.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(2,1fr)}.project-layout{grid-template-columns:1fr}.project-menu{display:none}.mobile-project-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:12px;padding-bottom:4px}.mobile-project-tabs button{white-space:nowrap}.media-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .page-head{align-items:flex-start;flex-direction:column}.page-head .btn{width:100%}.form-grid,.grid.cols-2,.grid.cols-3,.grid.cols-4,.selection-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.plan-row{grid-template-columns:1fr}.timeline-item{grid-template-columns:20px 1fr}.timeline-item> :nth-child(3),.timeline-item> :nth-child(4){grid-column:2}.selection-fields{grid-template-columns:1fr}.selection-fields .full{grid-column:auto}.top-actions .label{display:none}.metric .value{font-size:21px}.content{padding:12px}.card{padding:14px}.modal-body{padding:14px}.modal-foot{padding:12px 14px}
}
@media print{.sidebar,.topbar,.btn,.mobile-project-tabs{display:none!important}.app-shell{display:block}.content{padding:0}.card{box-shadow:none;break-inside:avoid}}

/* ShopMe v0.1.1 additions */
.pre{white-space:pre-wrap;word-break:break-word;line-height:1.65}
.field-actions,.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.btn.tiny{padding:4px 7px;min-height:27px;font-size:11px;border-radius:8px}
.empty.compact{padding:18px 12px;margin-top:10px}.empty.compact p{margin:5px 0 0;font-size:12px}
.mini{font-size:12px}.market-note{padding:12px 14px;border:1px solid #d7cfc5;border-radius:12px;background:#f7f4ef;color:#57514a;line-height:1.5;margin-bottom:12px}.contingency-row{background:#fff8e9;font-weight:700}
.audio-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:9px 10px;background:#faf9f7;margin-top:8px}.audio-item audio{min-width:240px;max-width:100%;height:38px}.audio-title{font-size:12px;font-weight:700;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-audio{justify-content:space-between}
.project-cover-editor{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}.cover-preview{height:155px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f2efeb;display:grid;place-items:center}.cover-preview img{width:100%;height:100%;object-fit:cover}
.plan-version-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plan-version-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#faf9f7}.pdf-preview{width:100%;height:180px;border:0;border-bottom:1px solid var(--line);padding:0;background:#ece9e4;display:block;position:relative;overflow:hidden;cursor:pointer}.pdf-preview iframe{width:100%;height:100%;border:0;pointer-events:none;background:#fff}.pdf-preview .pdf-fallback{position:absolute;inset:auto 8px 8px auto;background:#111;color:#fff;border-radius:7px;padding:3px 6px;font-size:10px}.plan-version-info{padding:9px;display:flex;flex-direction:column;gap:8px}.plan-version-info .file-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-version-info .actions{gap:5px}
.media-actions.stacked{display:flex;flex-direction:column;align-items:stretch}.media-actions.stacked>.actions{justify-content:space-between}
.selection-topic-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.supplier-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.supplier-row{border:1px solid var(--line);border-radius:12px;padding:10px 11px;background:#faf9f7;display:flex;align-items:center;justify-content:space-between;gap:10px}.supplier-row-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.supplier-modal{width:min(980px,100%)}.supplier-places{display:flex;flex-direction:column;gap:12px}.place-card{border:1px solid #d9d2ca;border-radius:15px;padding:14px;background:#fbfaf8}.place-title{font-size:16px;font-weight:850}.place-audio{margin-top:10px}.supplier-general{margin-top:16px;background:#faf8f5}.order-close-box{display:grid;grid-template-columns:1fr 220px;gap:14px;align-items:center;border:1px solid #d7cfc5;background:#f7f4ef;border-radius:14px;padding:14px}.check-row{display:flex;align-items:center;gap:8px;cursor:pointer}.check-row input{width:auto;transform:scale(1.15)}
.upload-modal{width:min(760px,100%)}.upload-choice{display:flex;gap:10px;flex-wrap:wrap}.upload-selection{margin-top:14px;min-height:90px;border:1px dashed #d5cec6;border-radius:14px;padding:12px;background:#faf9f7}.upload-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.upload-preview-item{min-width:0;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.upload-preview-item img{width:100%;height:105px;object-fit:cover;display:block}.upload-file-icon{height:75px;display:grid;place-items:center;font-size:28px;background:#eeeae5}.upload-file-name{font-size:11px;padding:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-file-remove{width:100%;border:0;border-top:1px solid var(--line);background:#fff;padding:5px;color:var(--danger);font-weight:700;cursor:pointer}
.image-editor-modal{width:min(1120px,100%)}.image-editor-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:12px;padding:9px;background:#f7f5f2;border:1px solid var(--line);border-radius:12px}.image-editor-toolbar .active{background:#111;color:#fff}.image-editor-toolbar input[type=color]{width:40px;height:34px;padding:2px;border-radius:8px}.image-editor-toolbar input[type=range]{width:120px}.image-editor-stage{background:#272727;border-radius:13px;padding:10px;overflow:auto;text-align:center;touch-action:none}.image-editor-stage canvas{display:block;max-width:100%;height:auto;margin:0 auto;background:#fff;cursor:crosshair;touch-action:none}

@media(max-width:980px){.plan-version-grid{grid-template-columns:1fr}.project-cover-editor{grid-template-columns:180px 1fr}.upload-preview-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.selection-topic-meta,.order-close-box,.project-cover-editor{grid-template-columns:1fr}.supplier-row{align-items:flex-start;flex-direction:column}.supplier-row-meta{width:100%;justify-content:flex-start}.upload-preview-grid{grid-template-columns:repeat(2,1fr)}.audio-item audio{min-width:0;width:100%}.pdf-preview{height:220px}.image-editor-toolbar{position:sticky;top:0;z-index:3}.project-cover-editor .cover-preview{height:190px}}

/* ShopMe v0.1.3 — report-style top toolbar and reliability fixes */
.single-shell{display:block;min-height:100vh}
.report-topbar{height:42px;min-height:42px;padding:0 10px;background:#fff;backdrop-filter:none;border-bottom:1px solid #dedede;box-shadow:0 1px 3px rgba(0,0,0,.04);position:sticky;top:0;z-index:50;display:block}
.topbar-right,.topbar-left{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;direction:ltr}
.topbar-right{right:8px}.topbar-left{left:8px}
.topbar-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;text-align:center;line-height:1;pointer-events:none;color:#111}
.me-monogram{font-family:Georgia,"Times New Roman",serif;font-size:22px;letter-spacing:-3px;font-weight:500;height:22px}.me-design-word{font-size:5px;letter-spacing:2px;margin-top:0}
.top-icon,.top-refresh,.top-save{height:32px;border:1px solid #d8d8d8;background:#fff;color:#111;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.top-icon{width:32px;padding:0;font-size:18px}.back-icon{font-size:29px;line-height:1;padding-bottom:3px}.top-refresh{padding:0 11px;font-size:12px}.top-save{padding:0 15px;background:#111;color:#fff;border-color:#111;border-radius:11px;font-size:11px}.top-icon:hover,.top-refresh:hover{background:#f5f5f5}.top-save:hover{background:#222}.top-icon:disabled{opacity:.28;cursor:default}.network-indicator{width:26px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:21px;font-weight:900}.network-indicator.online{color:#0a9a58}.network-indicator.offline{color:#b93636}
textarea[data-autogrow]{overflow:hidden;resize:none;min-height:100px}
.upload-help{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.5}.upload-modal .modal-foot{justify-content:flex-start}.upload-modal #confirmUpload{min-width:120px}
.content{padding-top:20px}
.project-menu{top:60px}
@media(max-width:700px){
  .report-topbar{height:46px;min-height:46px;padding:0 5px}.topbar-right,.topbar-left{gap:4px}.topbar-right{right:4px}.topbar-left{left:4px}.top-icon{width:30px;height:30px}.top-refresh{padding:0 7px;height:30px}.top-save{padding:0 10px;height:30px}.topbar-logo{width:48px}.me-monogram{font-size:18px;height:18px}.me-design-word{font-size:4px}.content{padding-top:12px}
}
.topbar-right,.topbar-left{flex-direction:row-reverse}
.top-icon svg,.network-indicator svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.top-icon[aria-label="בית"] svg{fill:none}.back-icon svg{width:22px;height:22px;stroke-width:2.4}

/* ShopMe v0.1.3 — same information architecture on desktop and mobile */
.project-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.project-tabs{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:4px 0 9px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.project-tab{flex:0 0 auto;border:1px solid var(--line);background:#fff;color:#333;border-radius:10px;padding:8px 11px;font-weight:750;white-space:nowrap}
.project-tab.active{background:#111;color:#fff;border-color:#111}.project-section{min-width:0}
.project-title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.project-title-line h3{min-width:0}
.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.status-stat{padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:10px;border-left:1px solid var(--line)}.status-stat:last-child{border-left:0}.status-stat span{color:var(--muted);font-size:13px}.status-stat strong{font-size:22px}
.program-input-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.program-attachments{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.program-attachments h4{font-size:13px;margin:0 0 6px}
.attachment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:8px}.attachment-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;min-width:0}.attachment-preview{height:104px;background:#efede9;display:grid;place-items:center;position:relative;overflow:hidden}.attachment-preview img{width:100%;height:100%;object-fit:cover}.attachment-preview iframe{width:100%;height:100%;border:0;pointer-events:none;background:#fff}.attachment-preview.pdf-mini span{position:absolute;left:6px;bottom:6px;background:#111;color:#fff;border-radius:6px;padding:2px 5px;font-size:9px}.audio-mini,.file-mini{font-size:30px;color:#777}.attachment-name{font-size:11px;font-weight:700;padding:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-actions{display:flex;gap:4px;flex-wrap:wrap;padding:0 7px 7px}.attachment-actions .btn{flex:1 0 auto}
.budget-detail summary{cursor:pointer;font-weight:800;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px}.budget-detail[open] summary{border-radius:12px 12px 0 0}.detailed-budget-table{border-radius:0 0 12px 12px}.detailed-budget-table table{min-width:980px}
.backup-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#f6f4f1;border:1px solid var(--line);border-radius:12px;margin-bottom:14px;font-size:12px}
.report-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-choice{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;text-align:right;display:flex;flex-direction:column;gap:5px;min-height:100px}.report-choice:hover{background:#f8f7f5}.report-choice strong{font-size:16px}.report-choice span{font-size:12px;color:var(--muted);line-height:1.45}.report-choice.complex{cursor:default}.report-choice.complex .btn{align-self:flex-start}.reports-modal{width:min(820px,100%)}

/* Disable the older separate desktop/mobile project menus. v0.1.3 uses one shared tab strip. */
.project-layout,.project-menu,.mobile-project-tabs{display:none!important}

@media(max-width:980px){
  .status-strip{grid-template-columns:repeat(4,minmax(130px,1fr));overflow-x:auto}.status-stat{min-width:130px}
  .attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.program-attachments{grid-template-columns:1fr}
}
@media(max-width:700px){
  .page-head{flex-direction:column;align-items:stretch}.page-head>.actions{width:100%}.page-head>.actions .btn{flex:1}
  .project-context{align-items:flex-start}.project-context .btn{width:auto}
  .project-tabs{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}
  .status-strip{grid-template-columns:repeat(4,132px)}.status-stat{padding:10px 8px;flex-direction:column;gap:2px}.status-stat strong{font-size:20px}
  .attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-preview{height:92px}.attachment-actions .btn{font-size:10px;padding:4px 5px}
  .report-choice-grid{grid-template-columns:1fr}.program-input-actions .btn{flex:1 1 30%}
}
.backup-layers{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 14px}.backup-layers span{font-size:11px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 8px;color:#555}.server-backup-list{display:flex;flex-direction:column;gap:6px}.server-backup-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:8px 0}.server-backup-row:first-child{border-top:0}.server-backup-row>div{display:flex;flex-direction:column;gap:2px}.server-backup-row span{font-size:10px;color:var(--muted)}

/* ShopMe v0.1.4 */
.report-formats{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.report-formats .btn{min-width:68px}.report-format-large .report-formats{justify-content:center;gap:10px}.report-format-large .btn{font-size:14px;padding:10px 18px;min-width:110px}.report-choice.complex{min-height:130px}.report-choice.complex select{max-width:210px}
.timeline-item.due-soon{background:#fff;border-color:var(--line)}
@media(max-width:700px){
  .report-topbar{height:56px!important;min-height:56px!important;padding:0 6px!important}
  .topbar-right,.topbar-left{gap:6px!important}.topbar-right{right:6px!important}.topbar-left{left:6px!important}
  .top-icon{width:38px!important;height:38px!important;border-radius:10px!important;font-size:20px!important}.top-refresh{height:38px!important;padding:0 10px!important;font-size:13px!important}.top-save{height:38px!important;padding:0 14px!important;font-size:12px!important}
  .top-icon svg,.network-indicator svg{width:22px!important;height:22px!important}.back-icon svg{width:25px!important;height:25px!important}.network-indicator{width:30px!important;height:38px!important}
  .topbar-logo{width:58px!important}.me-monogram{font-size:22px!important;height:22px!important}.me-design-word{font-size:4.5px!important}.content{padding-top:14px!important}
}

/* ShopMe v0.1.6 */
.selection-title-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.gantt-preview{margin:16px 0 18px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;overflow-x:auto}
.gantt-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;min-width:820px}
.gantt-legend{display:flex;gap:14px;font-size:11px;color:var(--muted)}.gantt-legend span{display:flex;align-items:center;gap:5px}.gantt-legend i{width:16px;height:6px;border-radius:4px;display:inline-block}.gantt-legend i.crit{background:#a51f1f}.gantt-legend i.done{background:var(--ok)}
.gantt-axis,.gantt-preview-row{display:grid;grid-template-columns:220px minmax(600px,1fr);gap:10px;align-items:center;min-width:820px}
.gantt-axis{height:34px}.gantt-axis-track{height:30px;position:relative;border-bottom:1px solid #bdb8af}.gantt-tick{position:absolute;bottom:-1px;transform:translateX(-50%);font-style:normal}.gantt-tick b{display:block;width:1px;height:9px;background:#bbb;margin:0 auto}.gantt-tick em{display:block;font-style:normal;font-size:10px;color:#666;white-space:nowrap;margin-top:2px}
.gantt-preview-row{min-height:34px;border-top:1px solid #f0ede8}.gantt-preview-name{font-size:12px;font-weight:700;padding:5px 0}.gantt-preview-name small{display:block;font-size:9px;color:#a51f1f;font-weight:700;margin-top:2px}.gantt-preview-track{height:20px;position:relative;background:#f6f5f3;overflow:hidden}.gantt-gridline{position:absolute;top:0;bottom:0;width:1px;background:#e0ddd8}.gantt-preview-bar{position:absolute;top:5px;height:10px;background:#444;border-radius:3px;min-width:2px}.gantt-preview-bar.done{background:var(--ok)}.gantt-preview-bar.critical{background:#a51f1f}
@media(max-width:700px){.selection-title{align-items:flex-start}.selection-title-actions{flex-direction:column;align-items:flex-end}.gantt-preview{padding:10px}.gantt-preview-head,.gantt-axis,.gantt-preview-row{min-width:760px}.gantt-axis,.gantt-preview-row{grid-template-columns:180px minmax(560px,1fr)}}