@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');
:root{--primary:#D71920;--navy:#171717;--bg:#f5f7fb;--card:#fff;--text:#18202d;--muted:#728096;--border:#e4e8ef;--shadow:0 12px 35px rgba(22,31,50,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Cairo,Tajawal,Arial,sans-serif;background:var(--bg);color:var(--text);direction:rtl}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;min-width:225px}.brand img{width:72px;height:44px;object-fit:contain}.brand strong{display:block}.brand small{color:var(--muted)}.topbar .grow{flex:1}.file-title{border:0;background:#f6f8fb;border-radius:10px;padding:10px 13px;min-width:260px;max-width:430px;width:40vw;font-weight:700}.toolbar-actions{display:flex;align-items:center;gap:8px}.btn{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(20,30,50,.07)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-navy{background:var(--navy);border-color:var(--navy);color:white}.btn-ghost{background:#f7f8fa}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:0;min-height:calc(100vh - 72px)}.sidebar{background:#10152b;color:#e8ecf6;padding:24px 16px}.sidebar .section-title{font-size:12px;color:#97a2bd;margin:18px 12px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;margin:4px 0;color:#dbe2f0}.nav-item:hover,.nav-item.active{background:#202a49;color:#fff}.main{padding:26px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.page-head h1{margin:0 0 5px;font-size:26px}.page-head p{margin:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 22px}.stat{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:18px}.stat b{font-size:26px;display:block}.stat span{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:20px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px 12px;border-bottom:1px solid var(--border);text-align:right;white-space:nowrap}.data-table th{font-size:13px;color:#667087;background:#fafbfc}.badge{font-size:12px;border-radius:99px;padding:5px 9px;background:#eef2f7}.badge.final{background:#e7f8ef;color:#087a46}.badge.archived{background:#f2f2f2;color:#666}.searchbar{display:flex;gap:8px;margin-bottom:15px}.searchbar input,.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ff9d5d;box-shadow:0 0 0 3px rgba(240,100,10,.09)}.field label{font-weight:700;font-size:13px;display:block;margin-bottom:6px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.builder{display:grid;grid-template-columns:minmax(620px,1.12fr) minmax(420px,.88fr);gap:18px;align-items:start}.builder-panel{display:flex;flex-direction:column;gap:16px}.section-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:17px}.section-card h3{margin:0 0 14px;font-size:17px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.style-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.style-toolbar .field{min-width:125px}.style-toolbar .field.small{min-width:85px;max-width:95px}.style-toolbar input[type=color]{height:42px;padding:4px}.rich-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}.rich-toolbar button{width:36px;height:34px;border:1px solid var(--border);border-radius:7px;background:#fff;cursor:pointer}.rich-edit{min-height:90px;border:1px solid var(--border);border-radius:10px;padding:11px;background:white;outline:none}.items-editor{width:100%;border-collapse:separate;border-spacing:0}.items-editor th{font-size:12px;color:#647086;background:#f6f7f9;padding:10px;border-block:1px solid var(--border)}.items-editor td{padding:7px;border-bottom:1px solid var(--border);vertical-align:top}.items-editor input{width:100%;min-width:70px;border:1px solid #e1e5ec;border-radius:8px;padding:8px}.items-editor .name{min-width:180px}.items-editor .actions{white-space:nowrap}.icon-btn{border:1px solid var(--border);background:#fff;border-radius:8px;padding:7px 9px;cursor:pointer}.icon-btn.danger{color:#b22}.spec-box{background:#fbfcfe;border:1px dashed #cfd6e2;border-radius:12px;padding:12px;margin:3px 0 10px}.spec-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.spec-grid{display:grid;grid-template-columns:145px 1fr 40px;gap:7px;margin-bottom:7px}.preview-sticky{position:sticky;top:90px}.preview-frame{background:#dce0e7;padding:18px;border-radius:16px;box-shadow:var(--shadow);overflow:auto;max-height:calc(100vh - 108px)}.quote-page{width:794px;min-height:1123px;margin:auto;background:white;box-shadow:0 3px 18px rgba(0,0,0,.15);transform-origin:top center}.template-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-card{border:2px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;cursor:pointer}.template-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px rgba(240,100,10,.1)}.template-thumb{height:120px;padding:13px;background:#f7f8fa;position:relative}.template-thumb:before{content:'';display:block;height:18px;width:55%;border-radius:6px;background:var(--navy);margin-bottom:11px}.template-thumb:after{content:'';display:block;height:60px;border-radius:8px;border:1px solid #d9dee8;background:repeating-linear-gradient(#fff 0 14px,#edf0f5 15px 16px)}.template-card[data-template=first] .template-thumb{border-top:15px solid #D71920}.template-card[data-template=corporate] .template-thumb{border-right:8px solid #171717}.template-card[data-template=modern] .template-thumb{background:#171717}.template-card[data-template=modern] .template-thumb:after{background:#fff}.template-card[data-template=minimal] .template-thumb{background:white}.template-meta{padding:10px 12px}.template-meta b{display:block}.template-meta small{color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(12,18,35,.55);z-index:99;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.modal{background:#fff;border-radius:18px;width:min(680px,100%);max-height:90vh;overflow:auto;padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.22)}.modal h2{margin-top:0}.modal-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:16px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#12152f,#242d4d)}.login-card{width:min(430px,92vw);background:#fff;border-radius:22px;padding:30px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.login-logo{text-align:center}.login-logo img{width:130px;max-height:85px;object-fit:contain}.notice{padding:11px 13px;border-radius:10px;margin:10px 0;background:#fff4e9;color:#8e490e}.notice.ok{background:#eaf8f0;color:#0b7044}.public-toolbar{position:fixed;left:18px;top:18px;z-index:9;display:flex;gap:8px}.public-wrap{padding:30px 12px;min-height:100vh;background:#e9edf3}.comment-box{position:fixed;left:18px;bottom:18px;width:min(360px,calc(100vw - 36px));background:white;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:14px;z-index:10}.comment-box textarea{width:100%;height:85px;border:1px solid var(--border);border-radius:9px;padding:9px}.share-url{display:flex;gap:8px}.share-url input{flex:1;direction:ltr}.muted{color:var(--muted)}.danger-text{color:#b52828}.settings-logo{width:150px;height:90px;object-fit:contain;border:1px solid var(--border);border-radius:12px;background:#fff}
@media(max-width:1200px){.builder{grid-template-columns:1fr}.preview-sticky{position:static}.preview-frame{max-height:none}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.layout{grid-template-columns:1fr}.sidebar{display:none}.main{padding:15px}.topbar{padding:0 12px}.brand{min-width:auto}.brand div{display:none}.file-title{min-width:100px;width:100%}.toolbar-actions .hide-mobile{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.quote-page{transform:scale(.72);margin-bottom:-315px}.preview-frame{padding:8px}.builder{display:block}.builder-panel{margin-bottom:16px}}

/* v0.2 quotation studio editor */
.editor-main{max-width:1720px;margin:auto}.quote-number-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe4ed;background:#f8f9fc;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;color:var(--navy);letter-spacing:.2px}.products-section{overflow:visible}.store-search-box{position:relative;margin:14px 0 16px}.store-search-input{height:52px;border:1px solid #dce2eb;background:#fbfcfe;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 13px;box-shadow:inset 0 1px 0 #fff}.store-search-input>span:first-child{font-size:25px;color:#7e899b}.store-search-input input{border:0;background:transparent;outline:0;min-width:0;flex:1;direction:ltr;text-align:left;font-family:Arial,Cairo,sans-serif;font-size:14px}.store-live-badge{direction:ltr;background:#edf7f1;color:#177049;border:1px solid #cfeadc;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;letter-spacing:.4px}.store-search-results{position:absolute;z-index:40;top:58px;right:0;left:0;background:#fff;border:1px solid #dce2eb;border-radius:15px;box-shadow:0 18px 45px rgba(25,35,59,.16);max-height:420px;overflow-y:auto;overflow-x:hidden;padding:7px}.store-search-state{padding:18px;text-align:center;color:#768196}.store-search-state.error{color:#a53434}.store-result{direction:ltr;display:grid;grid-template-columns:50px minmax(0,1fr) auto 38px;align-items:center;gap:11px;padding:9px;border-radius:11px}.store-result:hover{background:#f7f8fb}.store-result-img{width:50px;height:50px;border:1px solid #e0e5ec;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#9ba4b4;font-size:9px}.store-result-img img{width:100%;height:100%;object-fit:contain;padding:3px}.store-result-copy{min-width:0;text-align:left}.store-result-copy b{display:block;font:700 12px/1.35 Arial,Cairo,sans-serif;color:#19233b;white-space:normal;overflow-wrap:anywhere}.store-result-copy small{display:block;color:#8a93a3;font-size:10px;margin-top:3px}.store-result-price{font:800 12px Arial,sans-serif;color:#171717;white-space:nowrap}.store-add-btn{width:34px;height:34px;border:0;border-radius:10px;background:#D71920;color:#fff;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 6px 14px rgba(240,100,10,.2)}.store-add-btn:hover{transform:translateY(-1px)}
.items-table-wrap{width:100%;overflow:visible}.items-editor{table-layout:fixed}.items-editor th:nth-child(1){width:34%}.items-editor th:nth-child(2){width:18%}.items-editor th:nth-child(3){width:10%}.items-editor th:nth-child(4){width:15%}.items-editor th:nth-child(5){width:15%}.items-editor th:nth-child(6){width:8%}.items-editor td{min-width:0}.items-editor input{min-width:0}.items-editor .name{min-width:0;font-family:Arial,Cairo,sans-serif;font-size:12px}.editor-product-cell{direction:ltr;display:flex;gap:8px;align-items:center;min-width:0}.editor-product-img,.editor-product-placeholder{width:42px;height:42px;min-width:42px;border:1px solid #dfe4ec;border-radius:9px;background:#fff;object-fit:contain;padding:2px}.editor-product-placeholder{display:grid;place-items:center;color:#a0a8b6;font:700 8px Arial,sans-serif}.editor-product-fields{min-width:0;flex:1}.editor-product-fields input{direction:ltr;text-align:left}.source-label{display:inline-block;margin-top:3px;color:#8b94a4;font-size:9px}.item-block[data-source=store] .source-label{color:#177049}.item-block[data-source=store] .price,.item-block[data-source=store] .name{background:#f5f7fa;color:#4a5568}.total-card{padding:10px}.grand-card{padding:10px;background:#171717;color:#fff}.preview-sticky{min-width:0}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 9px}.preview-head b{display:block;color:#1d273c}.preview-head small{display:block;color:#8a93a4;font-size:10px;margin-top:2px}.preview-open{font-size:11px;font-weight:700;color:#D71920}.preview-frame{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable both-edges;display:block}.preview-frame .quote-page{will-change:transform}.builder{grid-template-columns:minmax(610px,1.05fr) minmax(430px,.95fr)}
@media(max-width:1200px){.builder{grid-template-columns:1fr}.preview-frame{max-height:900px}.preview-sticky{position:static}.store-search-results{position:relative;top:auto;margin-top:6px}}
@media(max-width:820px){.editor-main{padding:12px}.items-table-wrap{overflow-x:auto}.preview-head{padding-inline:2px}.store-result{grid-template-columns:44px minmax(0,1fr) 34px}.store-result-price{grid-column:2}.store-add-btn{grid-column:3;grid-row:1 / span 2}.store-live-badge{display:none}}
.print-pill{border-radius:999px!important;padding-inline:18px!important}.print-actions{position:fixed;z-index:50;left:20px;top:18px;display:flex;gap:8px;padding:7px;background:#ffffffdd;backdrop-filter:blur(9px);border:1px solid #e3e7ee;border-radius:999px;box-shadow:0 12px 30px rgba(21,31,55,.12)}

/* v0.2.1 product picker / editor refinements */
.items-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:94px;margin-top:12px;border:1px dashed #d8dee8;border-radius:13px;background:#fafbfc;color:#556176;text-align:center;padding:18px}.items-empty-state[hidden]{display:none!important}.items-empty-state strong{color:#202a40;font-size:13px}.items-empty-state span{color:#8a93a3;font-size:11px}.items-editor:not(.has-items) thead{display:none}.items-editor th:nth-child(1){width:9%}.items-editor th:nth-child(2){width:28%}.items-editor th:nth-child(3){width:15%}.items-editor th:nth-child(4){width:9%}.items-editor th:nth-child(5){width:14%}.items-editor th:nth-child(6){width:15%}.items-editor th:nth-child(7){width:10%}.editor-image-cell{text-align:center;vertical-align:middle!important}.editor-product-img,.editor-product-placeholder{width:54px;height:54px;min-width:54px;border-radius:11px;margin:auto}.editor-product-fields{display:flex;flex-direction:column;justify-content:center;min-height:54px}.items-table-wrap{overflow-x:hidden!important}.items-editor{direction:rtl}.items-editor .actions{text-align:center}.store-search-box{z-index:30}.store-search-input{border-width:1.5px}.store-search-input:focus-within{border-color:#D71920;box-shadow:0 0 0 3px rgba(240,100,10,.09)}
@media(max-width:900px){.items-table-wrap{overflow-x:auto!important}.items-editor{min-width:820px}.items-editor th:nth-child(1){width:76px}.items-empty-state{min-height:80px}}

/* v0.2.2 live A4 preview: always fit the complete page width, vertical scroll only */
.preview-frame{overflow-x:hidden!important;overflow-y:auto!important;direction:ltr;padding:14px!important}
.preview-frame .quote-page{direction:rtl;max-width:none!important}
@media(max-width:1200px){.preview-frame{max-height:calc(100vh - 130px)!important;min-height:420px}}
@media(max-width:820px){.preview-frame{max-height:78vh!important;min-height:360px;padding:8px!important}.quote-page{margin-bottom:0}}

/* v0.2.3 editor polish */
.quote-title-field{grid-column:1/-1}.quote-title-field input{font-weight:800;font-size:15px}.quote-title-field small{display:block;margin-top:5px;font-size:11px}.spec-box{padding:13px 14px;margin:4px 0 9px}.spec-head{margin-bottom:10px}.spec-head strong{font-size:13px}.spec-grid{grid-template-columns:150px minmax(0,1fr) 40px;gap:8px;margin-bottom:6px}.spec-grid input{font-size:12.5px;line-height:1.5;padding-block:8px}


/* v0.2.4 duplicate store-product confirmation */
.duplicate-product-backdrop{z-index:140;background:rgba(13,20,39,.68);backdrop-filter:blur(5px)}
.duplicate-product-modal{width:min(590px,94vw);border-radius:22px;padding:27px;overflow:visible;text-align:right;border:1px solid rgba(255,255,255,.7);box-shadow:0 28px 85px rgba(10,18,38,.28)}
.duplicate-product-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#fff2e8;color:#D71920;font:900 26px/1 Arial,sans-serif;border:1px solid #ffd8bd;margin-bottom:16px}
.duplicate-product-heading .duplicate-product-eyebrow{display:block;color:#D71920;font-size:10px;font-weight:900;letter-spacing:.2px;margin-bottom:6px}.duplicate-product-heading h2{margin:0 0 8px;color:#171717;font-size:21px;line-height:1.45}.duplicate-product-heading p{margin:0;color:#5f697c;font-size:13.5px;line-height:1.8}.duplicate-product-heading p strong{color:#171717}
.duplicate-product-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:13px;margin:19px 0 4px;padding:12px;background:#f8f9fb;border:1px solid #e5e9f0;border-radius:16px;direction:ltr}.duplicate-product-image{width:58px;height:58px;border-radius:12px;border:1px solid #dde3ec;background:#fff;display:grid;place-items:center;overflow:hidden;color:#a0a8b6;font:800 7px Arial,sans-serif}.duplicate-product-image img{width:100%;height:100%;object-fit:contain;padding:4px}.duplicate-product-image img:not([hidden])+.duplicate-product-image span{display:none}.duplicate-product-copy{min-width:0;text-align:left}.duplicate-product-copy strong{display:block;color:#1b263d;font:800 12.5px/1.45 Arial,Cairo,sans-serif;overflow-wrap:anywhere}.duplicate-product-copy small{display:block;margin-top:4px;color:#8a93a4;font-size:10.5px;direction:rtl;text-align:right}
.duplicate-product-qty{display:grid;grid-template-columns:auto auto auto;align-items:center;justify-items:center;gap:2px 7px;direction:rtl;min-width:130px}.duplicate-product-qty span{font-size:9px;color:#8a93a4}.duplicate-product-qty b{font:900 16px Arial,sans-serif;color:#171717;direction:ltr}.duplicate-product-qty i{grid-row:1/3;grid-column:2;font-style:normal;color:#D71920;font-size:19px}.duplicate-product-actions{display:flex;gap:9px;margin-top:19px}.duplicate-product-actions .duplicate-confirm{min-width:190px}.item-block.duplicate-updated .item-row{animation:duplicateQuantityPulse 1.2s ease}
@keyframes duplicateQuantityPulse{0%,100%{background:transparent}25%{background:#fff4ea}60%{background:#fff9f3}}
@media(max-width:620px){.duplicate-product-modal{padding:21px}.duplicate-product-card{grid-template-columns:54px minmax(0,1fr)}.duplicate-product-image{width:50px;height:50px}.duplicate-product-qty{grid-column:1/-1;justify-self:stretch;grid-template-columns:1fr auto 1fr;margin-top:5px}.duplicate-product-actions{flex-direction:column}.duplicate-product-actions .btn{width:100%}}

/* v0.3.0 quotation archive + sharing polish */
.quotes-card-v3{padding:0;overflow:hidden}.quotes-filterbar{display:grid;grid-template-columns:minmax(360px,1fr) 230px 95px;gap:12px;align-items:end;padding:18px 20px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#fff,#fbfcfe)}.live-search-field{height:52px;display:flex;align-items:center;gap:10px;border:1px solid #DDE3EC;border-radius:14px;background:#fff;padding:0 12px;transition:.18s}.live-search-field:focus-within{border-color:#F3A06A;box-shadow:0 0 0 4px rgba(240,100,10,.08)}.live-search-field .search-icon{font-size:25px;color:#7D8798;line-height:1}.live-search-field input{border:0!important;box-shadow:none!important;outline:0;min-width:0;flex:1;padding:0!important;background:transparent!important}.live-search-label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:#EFF8F3;color:#187348;border:1px solid #D5ECDF;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.live-search-label i{width:6px;height:6px;border-radius:50%;background:#1FA866;box-shadow:0 0 0 3px rgba(31,168,102,.10)}.status-filter>span,.quotes-result-count>span{display:block;color:#748097;font-size:10px;font-weight:700;margin:0 4px 6px}.status-select-shell{position:relative}.status-select-shell select{appearance:none;-webkit-appearance:none;width:100%;height:52px;border:1px solid #DDE3EC;border-radius:14px;background:#fff;padding:0 14px 0 38px;outline:0;font-weight:800;color:#263148;cursor:pointer}.status-select-shell select:focus{border-color:#F3A06A;box-shadow:0 0 0 4px rgba(240,100,10,.08)}.status-select-shell b{position:absolute;left:14px;top:50%;transform:translateY(-54%);pointer-events:none;color:#7E899A;font-size:18px}.quotes-result-count{height:52px;border:1px solid #E1E6EE;border-radius:14px;background:#F8F9FB;display:flex;flex-direction:column;align-items:center;justify-content:center}.quotes-result-count>span{margin:0;font-size:9px}.quotes-result-count b{font-size:17px;color:var(--navy)}.quotes-search-state{padding:9px 20px;background:#FFF8F3;color:#97501F;font-size:11px;border-bottom:1px solid #F7E3D6}.quotes-data-table td,.quotes-data-table th{padding-block:14px}.table-quote-no{font:800 11.5px Arial,sans-serif;color:#2D3950}.row-actions{display:flex;gap:5px}.row-actions .btn{padding:7px 10px;font-size:10px}.web-row-btn{color:#A4470E!important;background:#FFF5EE!important;border-color:#F7D7C2!important}.quotes-empty-v3{padding:42px 20px;text-align:center;color:#7C8799}.quotes-empty-v3 strong{display:block;color:#2C374D;margin-bottom:4px}.quotes-empty-v3 span{font-size:11px}.share-modal-v3{width:min(760px,100%)}.share-modal-head>span{color:var(--primary);font-size:10px;font-weight:800}.share-modal-head h2{margin:4px 0 6px}.share-permission-grid .card{padding:13px;box-shadow:none;cursor:pointer}.share-check{display:block;margin-top:13px;font-size:12px;font-weight:700}.share-result-v3{margin-top:18px;display:grid;gap:10px}.share-result-v3[hidden]{display:none}.share-link-card{border:1px solid #E1E6EE;border-radius:14px;padding:14px;background:#FBFCFE}.share-link-card.recommended{border-color:#F4C8AA;background:#FFF8F3}.share-link-meta{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;margin-bottom:9px}.share-link-meta>span{grid-row:1 / span 2;background:#EEF1F6;color:#69758A;border-radius:999px;padding:3px 7px;font:800 8px Arial,sans-serif;direction:ltr}.share-link-meta .share-recommended{background:#D71920;color:#fff;font-family:Cairo,Arial,sans-serif;direction:rtl}.share-link-meta b{font-size:12px}.share-link-meta small{color:#788398;font-size:9.5px}.quote-actionbar{right:auto!important;left:18px!important;top:18px!important;max-width:calc(100vw - 36px);display:flex!important;flex-direction:column;align-items:flex-start;gap:6px!important;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid #DFE5ED;border-radius:16px;padding:8px;box-shadow:0 13px 38px rgba(17,25,50,.15)}.actionbar-main,.actionbar-secondary{display:flex;gap:6px;flex-wrap:wrap}.quote-actionbar .btn{padding:8px 11px;font-size:10px;border-radius:9px}.quote-actionbar .btn-web{background:#FFF3EA;border-color:#F5D3BD;color:#A4440B}.quote-actionbar .action-download.is-loading{opacity:.65;cursor:wait}.quote-capture-frame{position:fixed!important;left:-10000px!important;top:0!important;width:794px!important;height:1123px!important;border:0!important;opacity:0!important;pointer-events:none!important}.download-toast{position:fixed;right:24px;bottom:24px;z-index:9999;background:#171717;color:#fff;padding:11px 16px;border-radius:11px;box-shadow:0 13px 35px #0003;font-size:12px}.download-toast.error{background:#A83434}
@media(max-width:820px){.quotes-filterbar{grid-template-columns:1fr 1fr}.live-search-field{grid-column:1/-1}.quotes-result-count{min-width:80px}.live-search-label{display:none}.quote-actionbar{position:sticky!important;top:6px!important;left:auto!important;right:auto!important;margin:6px!important;max-width:calc(100vw - 12px);align-items:stretch}.actionbar-main,.actionbar-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.quote-actionbar .btn{width:100%}}

/* v0.3.1 true paged live preview + product reorder */
.preview-frame{overflow-x:hidden!important;overflow-y:auto!important}
.preview-frame .canonical-source{position:absolute!important;left:-10000px!important}
.preview-frame .preview-pages{display:flex!important;align-items:center!important}
.preview-frame .print-sheet{box-shadow:0 5px 22px rgba(17,29,55,.17)}
.drag-handle{cursor:grab;font-weight:900;letter-spacing:-2px;color:#59667c;touch-action:none}.drag-handle:active{cursor:grabbing}.item-block.is-dragging{opacity:.48}.item-block.is-dragging .item-row{background:#fff4ea}.item-block{transition:opacity .15s ease}

/* v0.3.2 special accounting program */
.settings-quote-products{align-items:start}.price-setting-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden}.price-setting-input:focus-within{border-color:#ff9d5d;box-shadow:0 0 0 3px rgba(240,100,10,.09)}.price-setting-input input{border:0!important;box-shadow:none!important;border-radius:0!important}.price-setting-input span{direction:ltr;padding:0 12px;color:#737f92;font:800 11px Arial,sans-serif;border-right:1px solid var(--border);align-self:stretch;display:flex;align-items:center}
.special-product-launcher{margin:14px 0 10px}.special-product-button{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto 38px;align-items:center;gap:12px;border:1px solid #F0C9AF;background:linear-gradient(135deg,#FFF9F4,#FFF3E8);border-radius:15px;padding:11px 13px;cursor:pointer;text-align:right;color:#202A40;transition:.18s}.special-product-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(240,100,10,.10);border-color:#EDB58F}.special-product-mark,.editor-special-product-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#171717;color:#fff;font-family:Cairo,Arial,sans-serif;font-size:24px;font-weight:900;box-shadow:inset 0 -5px 0 rgba(240,100,10,.22)}.special-product-button-copy{min-width:0}.special-product-button-copy b{display:block;font-size:13px;color:#171717}.special-product-button-copy small{display:block;margin-top:3px;color:#7A8496;font-size:10px}.special-product-button-price{font:900 12px Arial,sans-serif;color:#171717;white-space:nowrap}.special-product-plus{width:32px;height:32px;border-radius:10px;background:#D71920;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:900}.special-item-block .item-row{background:#FFFDFC}.special-item-block .special-name,.special-item-block .special-type{font-family:Cairo,Arial,sans-serif;font-weight:800;background:#FCFCFD}.pinned-item-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:31px;border-radius:8px;background:#171717;color:#fff;font-size:9px;font-weight:800}.editor-image-cell .editor-special-product-icon{width:48px;height:48px;margin:auto}
@media(max-width:720px){.settings-quote-products{grid-template-columns:1fr}.special-product-button{grid-template-columns:44px minmax(0,1fr) 34px}.special-product-button-price{grid-column:2/3;grid-row:2;font-size:10px}.special-product-plus{grid-column:3;grid-row:1/3}.special-product-button-copy small{font-size:9px}}

/* v0.3.3 special product icon + stable live A4 preview */
.special-product-mark{overflow:hidden;padding:0!important;background:#171717!important}
.special-product-mark img{width:100%;height:100%;display:block;object-fit:cover}
.editor-special-product-img{background:#171717!important;padding:0!important;border-color:#171717!important}
.special-item-block .special-type{font-size:10px!important;line-height:1.25!important;text-align:center!important}
.preview-frame{overflow-x:hidden!important;scrollbar-gutter:stable both-edges}
.preview-frame .preview-pages{width:100%!important;align-items:center!important}

/* v0.3.4 — Admin-managed software catalog */
.software-launcher-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 12px}.software-launcher-card{border:1px solid #E8D8CB;background:linear-gradient(135deg,#FFFDFC,#FFF6EE);border-radius:16px;padding:11px;display:grid;grid-template-columns:50px minmax(0,1fr) 36px;gap:11px;align-items:center;text-align:right;cursor:pointer;color:#171717;transition:.18s}.software-launcher-card:hover{transform:translateY(-1px);border-color:#F0B98F;box-shadow:0 10px 24px rgba(240,100,10,.10)}.software-launcher-logo{width:50px;height:50px;border-radius:13px;background:#fff;border:1px solid #E8EAF0;display:grid;place-items:center;overflow:hidden;padding:5px}.software-launcher-logo img{width:100%;height:100%;object-fit:contain;display:block}.software-launcher-copy{min-width:0}.software-launcher-copy b{display:block;font:800 13px/1.45 Cairo,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.software-launcher-copy small{display:block;color:#7B8496;font:600 9.5px/1.45 Cairo,Arial,sans-serif;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.software-launcher-copy em{display:inline-flex;margin-top:5px;background:#FFF0E4;color:#D95600;border-radius:999px;padding:3px 7px;font:800 8.5px Cairo,Arial,sans-serif;font-style:normal}.software-launcher-plus{width:32px;height:32px;border-radius:10px;background:#D71920;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:900}
.software-version-backdrop{z-index:10020}.software-version-modal{width:min(620px,calc(100vw - 28px));padding:22px}.software-version-modal-head{display:grid;grid-template-columns:68px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:18px}.software-version-modal-logo{width:68px;height:68px;border:1px solid #E4E8EF;background:#fff;border-radius:16px;padding:7px;display:grid;place-items:center;overflow:hidden}.software-version-modal-logo img{width:100%;height:100%;object-fit:contain}.software-version-eyebrow{font:900 9px Arial,sans-serif;letter-spacing:1.3px;color:#D71920}.software-version-modal h2{margin:3px 0 4px;font-size:21px}.software-version-modal p{margin:0;color:#727C8F;font-size:11px}.software-version-options{display:grid;gap:9px}.software-version-option{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:10px;border:1px solid #E1E5EC;background:#fff;border-radius:13px;padding:11px 12px;cursor:pointer;text-align:right;transition:.16s}.software-version-option:hover{border-color:#F0A66F;background:#FFF9F4}.software-version-option span b{display:block;color:#171717;font:900 13px Cairo,Arial,sans-serif}.software-version-option span small{display:block;color:#8A93A3;font-size:9px;margin-top:2px}.software-version-option strong{font:900 12px Arial,sans-serif;color:#171717;white-space:nowrap}.software-version-option i{width:30px;height:30px;border-radius:9px;background:#D71920;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}
.software-admin-create{margin-bottom:16px}.software-admin-list{display:grid;gap:16px}.software-admin-card.is-disabled{opacity:.72}.software-admin-head{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEFF4}.software-admin-logo{width:72px;height:72px;border:1px solid #E2E6EC;border-radius:17px;background:#fff;padding:7px;display:grid;place-items:center;overflow:hidden}.software-admin-logo img{width:100%;height:100%;object-fit:contain}.software-admin-kicker{font:900 9px Arial,sans-serif;letter-spacing:1px;color:#D71920}.software-admin-head h2{margin:3px 0 3px;font-size:19px}.software-admin-head p{margin:0;color:#7B8495;font-size:10px}.software-status{border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800}.software-status.active{background:#EAF8EF;color:#15803D}.software-status.inactive{background:#F2F3F6;color:#6B7280}.software-program-edit{padding-top:14px}.software-active-check{display:flex;align-items:center;gap:8px;border:1px solid #E4E8EF;border-radius:11px;padding:10px 12px;font-size:10px;font-weight:700;align-self:end}.software-active-check.compact{border:0;padding:0;align-self:center}.software-versions-block{margin-top:18px;border-top:1px solid #ECEFF4;padding-top:16px}.software-versions-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:10px}.software-versions-title h3{margin:0;display:inline-block}.software-versions-title span{margin-right:7px;background:#F1F3F7;border-radius:999px;padding:3px 7px;font-size:9px}.software-versions-title small{font-size:9px;color:#818A9B}.software-version-list{display:grid;gap:8px}.software-version-row,.software-version-add{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(150px,1fr) 90px auto auto;gap:9px;align-items:end;background:#FAFBFC;border:1px solid #E9ECF1;border-radius:12px;padding:10px}.software-version-row.is-disabled{opacity:.58}.software-version-add{margin-top:10px;background:#FFF9F4;border-color:#F1D5C0;grid-template-columns:minmax(160px,1.4fr) minmax(150px,1fr) 90px auto}.software-settings-link{border:1px solid #E7E9EF;border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#FAFBFC}.software-settings-link h3{margin:2px 0 4px}.software-settings-link p{margin:0;font-size:10px}
.software-item-block .editor-product-img{object-fit:contain;background:#fff!important;border-color:#E2E6EC!important;padding:4px!important}.software-item-block .special-type{font-size:10px!important}.software-item-block .source-label{color:#D71920;font-weight:800}
@media(max-width:900px){.software-launcher-grid{grid-template-columns:1fr}.software-version-row,.software-version-add{grid-template-columns:1fr 1fr}.software-version-row .btn,.software-version-add .btn{width:100%}.software-admin-head{grid-template-columns:60px minmax(0,1fr)}.software-status{grid-column:2}.software-admin-logo{width:60px;height:60px}.software-versions-title{display:block}.software-versions-title small{display:block;margin-top:4px}}
@media(max-width:620px){.software-version-modal-head{grid-template-columns:52px minmax(0,1fr)}.software-version-modal-logo{width:52px;height:52px}.software-version-option{grid-template-columns:minmax(0,1fr) auto 30px;padding:10px}.software-version-option strong{font-size:10px}.software-version-row,.software-version-add{grid-template-columns:1fr}.software-settings-link{display:block}.software-settings-link .btn{margin-top:10px;width:100%}}

/* v0.3.5 — Optional software versions + guarded deletion */
.btn-danger{background:#B42318;border-color:#B42318;color:#fff}.btn-danger:hover{background:#981B13;border-color:#981B13}.btn-danger-soft{background:#FFF2F0;border-color:#F2C9C4;color:#A5241B}.btn-danger-soft:hover{background:#FFE8E5;border-color:#E8B3AC;box-shadow:none}.delete-confirm-modal{width:min(520px,calc(100vw - 28px));text-align:right}.delete-confirm-icon{width:48px;height:48px;border-radius:15px;background:#FFF0EE;color:#B42318;display:grid;place-items:center;font:900 24px Arial,sans-serif;margin-bottom:12px}.delete-confirm-eyebrow{display:block;color:#B42318;font-size:9px;font-weight:900;letter-spacing:.6px;margin-bottom:4px}.delete-confirm-modal h2{margin:0 0 8px;font-size:20px}.delete-confirm-modal p{margin:0;color:#6F7889;font-size:11px;line-height:1.9}.delete-confirm-modal p strong{color:#171717}.software-base-option{background:linear-gradient(135deg,#FFF8F2,#fff);border-color:#F2C5A2}.software-base-option span b:after{content:' أساسي';display:inline-flex;margin-right:6px;padding:2px 6px;border-radius:999px;background:#FFF0E4;color:#D95600;font-size:8px;vertical-align:middle}.optional-badge{font-style:normal;font-size:8px;background:#EEF2F7;color:#657084;border-radius:999px;padding:3px 7px;margin-right:6px}.software-no-versions{padding:12px;border:1px dashed #D6DCE5;background:#FAFBFC;border-radius:11px;color:#697386;font-size:10px;text-align:center}.software-program-grid{align-items:end}.software-program-grid .price-setting-input{min-height:42px}
@media(max-width:900px){.software-program-grid{grid-template-columns:1fr 1fr}.quotes-data-table .row-actions{flex-wrap:wrap}}
@media(max-width:620px){.software-program-grid{grid-template-columns:1fr}.delete-confirm-modal .modal-actions{display:grid;grid-template-columns:1fr}.delete-confirm-modal .btn{width:100%}}

/* v0.3.6 deletion + drag-only controls */
.item-delete-btn{font-size:18px;font-weight:900;line-height:1;width:34px;height:34px;padding:0;border-color:#f0c7c2;background:#fff7f6;color:#b42318}.item-delete-btn:hover{background:#ffe9e6;border-color:#e9aaa2}.software-program-actions{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.software-version-actions{display:flex;gap:7px;align-items:end}.software-delete-version{white-space:nowrap}.software-admin-card .btn-danger-soft{font-weight:800}@media(max-width:760px){.software-version-actions{grid-column:1/-1}.software-program-actions .btn{flex:1}}

/* v0.3.7 — persistent premium sidebar */
@media (min-width:821px){
  .layout{align-items:start}
  .sidebar{
    position:sticky;
    top:72px;
    align-self:start;
    height:calc(100vh - 72px);
    min-height:calc(100vh - 72px);
    padding:20px 14px 24px;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    z-index:14;
    background:linear-gradient(180deg,#10152b 0%,#121832 58%,#0d1228 100%);
    box-shadow:-1px 0 0 rgba(255,255,255,.025) inset;
  }
  .sidebar::-webkit-scrollbar{width:6px}
  .sidebar::-webkit-scrollbar-track{background:transparent}
  .sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:99px}
  .sidebar::-webkit-scrollbar-thumb:hover{background:rgba(240,100,10,.5)}
  .sidebar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
}
.sidebar-nav{display:flex;flex-direction:column;min-height:100%;gap:2px}
.sidebar .section-title{display:flex;align-items:center;gap:10px;margin:20px 10px 8px;color:#7f8aa6;font-size:10px;font-weight:800;letter-spacing:.2px}
.sidebar .section-title:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent)}
.nav-item{position:relative;min-height:50px;gap:11px;padding:8px 10px 8px 12px;border:1px solid transparent;border-radius:13px;margin:2px 0;color:#cbd3e5;font-size:13px;font-weight:700;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.nav-item:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.055);color:#fff;transform:translateX(-1px)}
.nav-item.active{background:linear-gradient(135deg,rgba(240,100,10,.18),rgba(255,255,255,.055));border-color:rgba(240,100,10,.20);color:#fff;box-shadow:inset -3px 0 0 var(--primary),0 8px 22px rgba(0,0,0,.08)}
.nav-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.055);color:#aeb9d2;border:1px solid rgba(255,255,255,.045);transition:.18s ease}
.nav-icon svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover .nav-icon{background:rgba(255,255,255,.085);color:#fff;border-color:rgba(255,255,255,.08)}
.nav-item.active .nav-icon{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 7px 18px rgba(240,100,10,.24)}
.nav-label{min-width:0;line-height:1.35;white-space:nowrap}
@media(max-height:560px) and (min-width:821px){.sidebar{padding-top:12px}.nav-item{min-height:44px}.nav-icon{width:30px;height:30px;flex-basis:30px}.sidebar .section-title{margin-top:12px}}


/* v0.3.9 — clearer software-version semantics + compact quote-item editor */
.items-editor th:nth-child(1){width:8%}
.items-editor th:nth-child(2){width:25%}
.items-editor th:nth-child(3){width:13%}
.items-editor th:nth-child(4){width:8%}
.items-editor th:nth-child(5){width:12%}
.items-editor th:nth-child(6){width:14%}
.items-editor th:nth-child(7){width:20%}
.items-editor td{padding:6px 5px}
.items-editor input{padding:7px 8px}
.items-editor .actions{padding-inline:5px!important;text-align:center;vertical-align:middle!important}
.items-editor .actions .icon-btn{width:31px;height:31px;padding:0;display:inline-grid;place-items:center;margin-inline:2px}
.items-editor .actions .item-delete-btn{width:33px;height:33px;font-size:18px}
.items-editor .actions .pinned-item-badge{min-width:38px;height:29px;margin-inline:2px}
.item-block[data-source=store] .name{background:#f5f7fa;color:#4a5568}
.item-block[data-source=store] .price{background:#fff;color:#171717;border-color:#d9dee8;font-weight:800}
.item-block[data-source=store] .price:focus{border-color:#D71920;box-shadow:0 0 0 3px rgba(240,100,10,.09)}
@media(max-width:900px){.items-editor{min-width:780px}.items-editor th:nth-child(7){width:128px}}

/* v0.4.0 — global save affordance + quotation type chooser */
.btn-save-global{background:linear-gradient(135deg,#D71920,#FF7A1A);border:1px solid #D71920;color:#fff;box-shadow:0 8px 20px rgba(240,100,10,.24);font-weight:900}.btn-save-global:hover{background:linear-gradient(135deg,#DB5700,#D71920);border-color:#DB5700;box-shadow:0 10px 24px rgba(240,100,10,.30);transform:translateY(-1px)}.btn-save-global:focus-visible{outline:3px solid rgba(240,100,10,.22);outline-offset:2px}
.quote-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1120px}.quote-type-card{position:relative;min-height:300px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:var(--shadow);overflow:hidden;transition:.22s ease}.quote-type-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;left:-70px;bottom:-90px;background:rgba(23,24,63,.035)}.quote-type-card:hover{transform:translateY(-4px);border-color:#ccd3df;box-shadow:0 20px 50px rgba(23,24,63,.12)}.quote-type-card.featured{border:1px solid rgba(240,100,10,.32);background:linear-gradient(145deg,#fff 0%,#fff 66%,#fff7f1 100%)}.quote-type-card.featured:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#171717 0 26%,#D71920 26% 74%,#171717 74%)}.quote-type-icon{width:68px;height:68px;border-radius:19px;display:grid;place-items:center;background:#F4F6F9;color:#171717;margin-bottom:22px}.quote-type-card.featured .quote-type-icon{background:#FFF0E5;color:#D71920}.quote-type-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.quote-type-kicker{display:block;color:#D71920;font:900 10px Arial,sans-serif;letter-spacing:1.2px;margin-bottom:7px}.quote-type-card h2{margin:0 0 10px;font-size:22px;color:#171717}.quote-type-card p{margin:0 0 28px;color:#6f798b;line-height:1.9;font-size:13px;max-width:470px}.quote-type-card>b{position:absolute;right:28px;bottom:25px;color:#171717;font-size:13px}.quote-type-card.featured>b{color:#D71920}.quote-type-badge{position:absolute;left:22px;top:22px;border-radius:999px;padding:5px 9px;background:#171717;color:#fff;font:800 8px Arial,sans-serif;letter-spacing:.7px}.quote-type-note{max-width:1120px;margin-top:18px;border:1px dashed #d9dee7;border-radius:14px;padding:13px 16px;background:#fff;color:#6d7687;font-size:11px}.quote-type-note strong{color:#D71920}
@media(max-width:800px){.quote-type-grid{grid-template-columns:1fr}.quote-type-card{min-height:270px;padding:23px}.quote-type-card>b{right:23px}.quote-type-badge{left:18px;top:18px}}

/* Website quotation editor */
.website-editor-page .topbar{gap:12px}.website-editor-kicker{display:inline-flex;color:#D71920;font:900 9px Arial,sans-serif;letter-spacing:1.4px;margin-bottom:5px}.website-builder .builder-panel{min-width:0}.website-editor-hero{border-top:4px solid #D71920}.web-project-grid{margin-top:12px}.website-feature-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.website-feature-picker label{position:relative;display:flex;align-items:center;gap:8px;border:1px solid #E3E7ED;border-radius:12px;padding:10px 11px;background:#FAFBFC;cursor:pointer;font-size:10px;font-weight:700;color:#4D586C}.website-feature-picker input{position:absolute;opacity:0;pointer-events:none}.website-feature-picker label>span{width:24px;height:24px;border-radius:8px;border:1px solid #D9DEE6;background:#fff;display:grid;place-items:center;color:transparent;font-weight:900}.website-feature-picker input:checked+span{background:#D71920;border-color:#D71920;color:#fff}.website-feature-picker input:checked~b{color:#171717}.website-service-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-start}.website-service-list{display:grid;gap:10px;margin-top:14px}.website-service-item{display:grid;grid-template-columns:34px minmax(210px,1.5fr) minmax(130px,.8fr) 125px 36px;gap:8px;align-items:end;border:1px solid #E0E5ED;background:#FBFCFE;border-radius:14px;padding:11px;transition:.18s}.website-service-item:hover{border-color:#D2D9E4}.website-service-item.is-dragging{opacity:.55;border-style:dashed}.website-service-drag{width:32px;height:42px;border:1px solid #E0E5ED;border-radius:10px;background:#fff;color:#7C8799;display:grid;place-items:center;cursor:grab;font:900 17px Arial,sans-serif;align-self:end}.website-service-description{grid-column:2/5}.website-service-description textarea{min-height:64px}.website-service-delete{align-self:end;margin-bottom:4px}.website-total-editor{margin-top:14px;border-radius:14px;background:#171717;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.website-total-editor span{font-size:11px}.website-total-editor strong{font:900 20px Arial,sans-serif}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.preview-toolbar b{display:block;font-size:12px}.preview-toolbar span{font-size:9px;color:#778297}.website-preview-badge{border-radius:999px!important;background:#FFF0E5!important;color:#D95B06!important;padding:5px 8px!important;font:900 8px Arial,sans-serif!important}.website-editor-page .preview-frame{overflow-x:hidden}
@media(max-width:1100px){.website-feature-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.website-service-item{grid-template-columns:34px minmax(180px,1fr) minmax(120px,.7fr) 110px 36px}}
@media(max-width:760px){.website-feature-picker{grid-template-columns:1fr}.website-service-item{grid-template-columns:32px minmax(0,1fr) 36px}.website-service-name{grid-column:2}.website-service-type{grid-column:2}.website-service-price{grid-column:2}.website-service-delete{grid-column:3;grid-row:1}.website-service-description{grid-column:2/4}.website-service-drag{grid-row:1}.website-service-actions .btn{flex:1;min-width:120px}.website-editor-page .file-title{display:none}}
.quote-type-mini{display:block;width:max-content;margin-top:4px;border-radius:999px;padding:2px 7px;font-size:8px;font-weight:800}.quote-type-mini.standard{background:#EEF1F6;color:#667085}.quote-type-mini.website{background:#FFF0E5;color:#D95B06}


/* v0.4.1 website proposal editor */
.website-preset-actions{display:flex;gap:7px;flex-wrap:wrap}.website-scope-editor-list{display:grid;gap:10px;margin-top:14px}.website-scope-editor-item{display:grid;grid-template-columns:34px 42px minmax(0,1fr) 38px;gap:8px;align-items:end;border:1px solid #E1E5EC;border-radius:14px;padding:11px;background:#FBFCFE}.website-scope-editor-item.is-dragging{opacity:.55;border-style:dashed}.website-scope-drag{width:32px;height:42px;border:1px solid #E0E5ED;border-radius:10px;background:#fff;color:#7C8799;display:grid;place-items:center;cursor:grab;font:900 17px Arial,sans-serif}.website-scope-number{height:42px;border-radius:10px;background:#171717;color:#fff;display:grid;place-items:center;font:900 11px Arial,sans-serif}.website-scope-bullets-field{grid-column:3/5}.website-scope-delete{align-self:end;margin-bottom:4px}.website-payment-editor-list{display:grid;gap:9px;margin-top:14px}.website-payment-editor-item{display:grid;grid-template-columns:36px minmax(0,1fr) 150px 38px;gap:8px;align-items:end;border:1px solid #E1E5EC;border-radius:12px;padding:10px;background:#FBFCFE}.website-payment-no{width:34px;height:42px;border-radius:10px;background:#FFF0E5;color:#D71920;display:grid;place-items:center;font:900 11px Arial,sans-serif}.website-signature-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end;margin-top:14px;padding:12px;border-radius:12px;background:#F8F9FB;border:1px solid #E5E8EE}.website-signature-settings .share-check{margin-bottom:8px}.website-services-editor .website-total-editor{margin-top:14px}.website-editor-page .preview-sticky{top:84px}
@media(max-width:760px){.website-scope-editor-item{grid-template-columns:32px 38px minmax(0,1fr) 34px}.website-scope-bullets-field{grid-column:2/5}.website-payment-editor-item{grid-template-columns:34px minmax(0,1fr) 34px}.website-payment-editor-item .field:nth-of-type(2){grid-column:2}.website-payment-editor-item .field:nth-of-type(3){grid-column:2}.website-payment-delete{grid-column:3;grid-row:1}.website-signature-settings{grid-template-columns:1fr}.website-preset-actions .btn{flex:1}}

/* FIRST Quotation Studio v1.0.0 — final brand layer */
:root{--primary:#D71920;--navy:#161616;--bg:#F4F5F7;--text:#191919;--muted:#74787F;--border:#E2E4E8;--shadow:0 14px 40px rgba(15,15,15,.08)}
body{background:linear-gradient(180deg,#F7F8F9,#F2F3F5 55%,#F7F7F8)}
.topbar{border-bottom-color:#E7E7E7;box-shadow:0 5px 22px rgba(15,15,15,.04)}
.brand img{width:92px;height:50px}.brand strong{color:#111;font-weight:900}.brand small{font-size:10px}
.btn-primary,.btn-save-global{background:linear-gradient(135deg,#EB2027,#B80F16)!important;border-color:#C9151C!important;color:#fff!important;box-shadow:0 7px 18px rgba(215,25,32,.18)}
.btn-save-global{min-width:118px;font-weight:900}
.btn-navy{background:#171717!important;border-color:#171717!important}
.field input:focus,.field select:focus,.field textarea:focus,.rich-edit:focus{border-color:#D71920!important;box-shadow:0 0 0 3px rgba(215,25,32,.10)!important}
.layout{grid-template-columns:270px minmax(0,1fr)}
.sidebar{position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#111 0%,#1A1A1A 58%,#090909 100%);padding:20px 15px;align-self:start;border-left:1px solid #2B2B2B}
.sidebar-brand-mini{padding:10px 12px 16px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand-mini span{display:block;color:#fff;font:900 24px/1 Arial,sans-serif;letter-spacing:1px}.sidebar-brand-mini small{color:#D71920;font:800 9px/1.4 Arial,sans-serif;letter-spacing:1.4px}
.nav-item{min-height:50px;border:1px solid transparent;color:#DADADA}.nav-item:hover{background:#232323;border-color:#303030}.nav-item.active{background:linear-gradient(135deg,#D71920,#A90D13);border-color:#E7393F;color:#fff;box-shadow:0 8px 22px rgba(215,25,32,.16)}
.nav-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.055);flex:0 0 34px}.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-item.active .nav-icon{background:rgba(255,255,255,.13)}
.sidebar-foot{margin-top:auto;padding:16px 12px 3px;color:#aaa;border-top:1px solid rgba(255,255,255,.08)}.sidebar-foot b{display:block;color:#fff}.sidebar-foot span{font-size:9px}
.sidebar::-webkit-scrollbar-thumb{background:rgba(215,25,32,.45)!important}
.page-head h1{font-weight:900;color:#111}.section-card,.card{border-color:#E5E5E5}
.quote-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.quote-type-card{min-height:245px}.quote-type-card.featured{border-color:rgba(215,25,32,.24);background:linear-gradient(145deg,#fff,#fff 65%,#FFF3F3)}.quote-type-card.featured:before{background:linear-gradient(90deg,#151515 0 26%,#D71920 26% 74%,#151515 74%)}
.software-launcher-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.software-launcher-card{border-color:#E5E5E5;background:#fff}.software-launcher-card:hover{border-color:#D71920;box-shadow:0 12px 25px rgba(215,25,32,.08)}.software-launcher-plus{background:#D71920!important}.catalog-fallback-mark{background:linear-gradient(145deg,#D71920,#8E090E)!important}
.items-table-wrap{overflow-x:auto;border:1px solid #E5E5E5;border-radius:14px}.items-editor{min-width:980px}.items-editor th{background:#F4F4F5;color:#3C3C3C;font-weight:900}.items-editor td{vertical-align:middle}.item-row td:nth-child(1){width:70px}.item-row td:nth-child(2){width:25%}.item-row td:nth-child(3){width:15%}.item-row td:nth-child(4){width:10%}.item-row td:nth-child(5){width:9%}.item-row td:nth-child(6){width:12%}.item-row td:nth-child(7){width:12%}.item-row td:last-child{width:118px;min-width:118px}.items-editor input{padding:7px 8px}.items-editor .name{min-width:150px}.item-actions,.actions{display:flex!important;gap:5px;align-items:center;justify-content:center}.item-delete-btn{flex:0 0 34px}
.drag-handle{background:#171717!important;color:#fff!important;border-color:#171717!important}
.spec-box{border-color:#E2BFC0;background:#FFF9F9}.spec-head b{color:#A80E14}.spec-grid{grid-template-columns:165px 1fr 40px}
.preview-frame{background:#CFCFD2!important;border:1px solid #BCBDC0}.preview-head b{font-weight:900}
.login-page{background:radial-gradient(circle at 20% 10%,#741016 0,#251012 26%,#111 70%)}.login-card{border-top:5px solid #D71920}.login-logo img{width:190px;max-height:110px}
.first-dashboard-hero,.dashboard-hero{background:linear-gradient(125deg,#0C0C0C,#1D1D1D 55%,#651014);color:#fff;border-radius:24px;overflow:hidden;position:relative}.first-dashboard-hero:after,.dashboard-hero:after{content:"FIRST";position:absolute;left:-12px;bottom:-42px;font:900 110px Arial,sans-serif;color:rgba(255,255,255,.035);pointer-events:none}
.live-search-field:focus-within,.status-select-shell select:focus{border-color:#D71920;box-shadow:0 0 0 4px rgba(215,25,32,.08)}
.web-row-btn{color:#A30C12!important;background:#FFF4F4!important;border-color:#F2C8CA!important}
@media(max-width:1350px){.quote-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.software-launcher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.sidebar{display:none}.layout{grid-template-columns:1fr}.quote-type-grid,.software-launcher-grid{grid-template-columns:1fr}.brand img{width:72px}.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding-block:8px}.toolbar-actions{flex-wrap:wrap}.file-title{order:3;flex-basis:100%;max-width:none}.builder{display:block}.main{padding:14px}}
.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:30px;padding:34px 38px;margin-bottom:20px;min-height:235px}.dashboard-hero .page-kicker,.page-kicker{display:block;color:#F15B60;font:900 9px Arial,sans-serif;letter-spacing:1.7px;margin-bottom:8px}.dashboard-hero h1{margin:0 0 10px;font-size:30px;line-height:1.5}.dashboard-hero p{margin:0;color:#C7C7C7;max-width:760px;line-height:1.9;font-size:13px}.hero-actions{display:flex;gap:9px;margin-top:20px}.dashboard-hero .btn-ghost{background:#fff;color:#171717;border-color:#fff}.dashboard-brand-mark{display:grid;place-items:center;justify-self:center}.dashboard-brand-mark img{width:220px;height:130px;object-fit:contain}.dashboard-brand-mark span{margin-top:3px;color:#D71920;font:900 11px Arial,sans-serif;letter-spacing:5px}.first-stats .stat{position:relative;overflow:hidden;border-top:3px solid #171717}.first-stats .stat:nth-child(2){border-top-color:#D71920}.first-stats .stat b{color:#171717}.first-stats .stat i{color:#D71920;font-style:normal;font-size:15px}.first-stats .stat small{color:#999;font-size:9px}
.first-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.first-preset-card{position:relative;display:block;background:#fff;border:1px solid #E2E2E2;border-radius:20px;padding:24px;min-height:245px;overflow:hidden;transition:.2s;box-shadow:0 10px 30px rgba(0,0,0,.035)}.first-preset-card:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;left:-55px;bottom:-70px;background:#F6F6F6}.first-preset-card.featured{border-color:#E5B6B8;background:linear-gradient(145deg,#fff,#fff 68%,#FFF1F2)}.first-preset-card.featured:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#171717 0 30%,#D71920 30% 72%,#171717 72%)}.preset-icon{width:52px;height:52px;border-radius:15px;background:#171717;color:#fff;display:grid;place-items:center;font-size:24px;margin-bottom:17px}.featured .preset-icon{background:#D71920}.preset-kicker{display:block;color:#D71920;font:900 9px Arial,sans-serif;letter-spacing:1.2px}.first-preset-card h2{margin:4px 0 9px;color:#171717;font-size:20px}.first-preset-card p{margin:0;color:#71767D;line-height:1.9;font-size:12px;max-width:480px}.first-preset-card>b{position:absolute;right:24px;bottom:20px;color:#D71920;font-size:11px;z-index:1}.first-preset-card:hover{transform:translateY(-3px);border-color:#D71920;box-shadow:0 16px 38px rgba(215,25,32,.08)}.first-preset-tip{margin-top:16px;padding:13px 16px;border:1px dashed #D6D6D6;border-radius:13px;background:#fff;color:#6B6B6B;font-size:11px}.first-preset-tip strong,.first-preset-tip a{color:#D71920}
@media(max-width:900px){.dashboard-hero{grid-template-columns:1fr;padding:25px}.dashboard-brand-mark{display:none}.first-preset-grid{grid-template-columns:1fr}.dashboard-hero h1{font-size:25px}}