/* SysLY Work v0.2.1 visual CSS hotfix - 2026-09-21 */
:root{
    --bg:#06111d;
    --bg-deep:#040b13;
    --surface:#0a1a2a;
    --surface-2:#0d2235;
    --surface-3:#10283d;
    --line:rgba(147,190,225,.105);
    --line-strong:rgba(92,188,255,.22);
    --text:#f4f8fc;
    --muted:#7890a8;
    --muted-2:#526a80;
    --blue:#2995ff;
    --blue-2:#5bc1ff;
    --blue-soft:rgba(41,149,255,.10);
    --green:#42d8a0;
    --red:#ff7586;
    --shadow:0 24px 70px rgba(0,0,0,.28);
    --radius:18px;
}
*{box-sizing:border-box}
html{
    background:var(--bg-deep);
    color-scheme:dark;
}
body{
    margin:0;
    min-height:100vh;
    color:var(--text);
    background:
        radial-gradient(circle at 78% -10%,rgba(41,149,255,.11),transparent 33rem),
        radial-gradient(circle at 8% 36%,rgba(36,124,191,.045),transparent 26rem),
        linear-gradient(180deg,#071523 0%,var(--bg) 48%,var(--bg-deep) 100%);
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    -webkit-font-smoothing:antialiased;
}
body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    opacity:.16;
    background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
                     linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);
    background-size:52px 52px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 72%);
}
a{color:inherit}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}

.app-header{
    position:sticky;
    top:0;
    z-index:100;
    border-bottom:1px solid var(--line);
    background:rgba(5,15,26,.82);
    backdrop-filter:blur(20px) saturate(130%);
}
.header-inner{
    width:min(1240px,calc(100% - 32px));
    min-height:72px;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:28px;
}
.brand-link{
    display:flex;
    align-items:center;
    gap:11px;
    text-decoration:none;
    min-width:max-content;
}
.brand-mark{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(91,193,255,.24);
    border-radius:12px;
    color:white;
    background:linear-gradient(145deg,#1686ef,#0858a7);
    box-shadow:0 10px 28px rgba(41,149,255,.18);
    font-weight:950;
}
.brand{
    font-size:26px;
    font-weight:950;
    letter-spacing:-1px;
}
.brand span{color:var(--blue-2)}
.brand.small{font-size:17px}
.brand-sub{
    margin-top:1px;
    color:var(--muted-2);
    font-size:9px;
    font-weight:700;
}
.desktop-nav{
    display:flex;
    gap:4px;
    margin-left:22px;
}
.nav-link{
    padding:9px 12px;
    border-radius:10px;
    color:#738aa0;
    text-decoration:none;
    font-size:11px;
    font-weight:850;
    transition:.18s ease;
}
.nav-link:hover,.nav-link.active{
    color:#d9efff;
    background:rgba(41,149,255,.065);
}
.header-user{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:14px;
}
.user-copy{
    display:grid;
    text-align:right;
}
.user-copy strong{font-size:11px}
.user-copy span{color:var(--muted-2);font-size:9px;margin-top:2px}
.ghost-btn{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    padding:0 12px;
    border:1px solid var(--line);
    border-radius:10px;
    color:#8ba2b6;
    background:rgba(255,255,255,.018);
    text-decoration:none;
    font-size:10px;
    font-weight:850;
    transition:.18s ease;
}
.ghost-btn:hover{
    color:white;
    border-color:var(--line-strong);
    background:rgba(41,149,255,.05);
}

.app-shell{
    position:relative;
    z-index:1;
    width:min(1240px,calc(100% - 32px));
    margin:0 auto;
    padding:34px 0 100px;
}
.app-shell.narrow{width:min(680px,calc(100% - 32px))}
.dashboard-shell{padding-top:28px}
.job-shell{padding-top:28px}

.dashboard-hero{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);
    gap:28px;
    padding:34px;
    border:1px solid var(--line);
    border-radius:24px;
    background:
        radial-gradient(circle at 82% 18%,rgba(41,149,255,.13),transparent 22rem),
        linear-gradient(145deg,rgba(13,34,53,.97),rgba(7,20,33,.96));
    box-shadow:var(--shadow);
}
.dashboard-hero::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    right:-110px;
    bottom:-150px;
    border:1px solid rgba(91,193,255,.12);
    border-radius:50%;
    box-shadow:0 0 0 35px rgba(91,193,255,.018),0 0 0 72px rgba(91,193,255,.012);
}
.hero-copy{position:relative;z-index:1}
.eyebrow{
    margin:0 0 8px;
    color:var(--blue-2);
    font-size:9px;
    font-weight:950;
    letter-spacing:1.35px;
}
h1,h2,p{margin-top:0}
h1{
    margin-bottom:11px;
    font-size:clamp(34px,4.4vw,60px);
    line-height:.99;
    letter-spacing:-2.2px;
}
h1 span{color:#d9efff}
h2{
    margin:0;
    font-size:17px;
    letter-spacing:-.35px;
}
.muted{
    color:var(--muted);
    line-height:1.65;
}
.dashboard-hero .muted{
    max-width:650px;
    margin-bottom:0;
    font-size:13px;
}
.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:24px;
}
.btn{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:0;
    border-radius:12px;
    padding:0 17px;
    font-weight:900;
    text-decoration:none;
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn.primary{
    color:#fff;
    background:linear-gradient(135deg,#2c9cff,#1578dc);
    box-shadow:0 12px 30px rgba(41,149,255,.19);
}
.btn.primary:hover{box-shadow:0 15px 34px rgba(41,149,255,.27)}
.btn.secondary{
    color:#b6c9d9;
    border:1px solid var(--line);
    background:rgba(255,255,255,.025);
}
.btn.secondary:hover{
    color:white;
    border-color:var(--line-strong);
    background:rgba(41,149,255,.045);
}
.btn.big{width:100%;min-height:54px}
.btn-plus{font-size:17px;line-height:1}
.compact-btn{
    width:auto!important;
    min-height:40px!important;
    margin-top:14px;
    padding-inline:15px;
}
.hero-side{
    position:relative;
    z-index:1;
    display:grid;
    align-content:start;
    gap:10px;
}
.trial-card,.today-card{
    border:1px solid rgba(91,193,255,.12);
    border-radius:16px;
    background:rgba(5,18,31,.60);
}
.trial-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px;
}
.trial-card>div:first-child{
    display:grid;
    gap:5px;
}
.trial-card span{
    color:#718da6;
    font-size:9px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.65px;
}
.trial-card strong{
    color:#bfe7ff;
    font-size:13px;
}
.trial-ring{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:4px solid rgba(41,149,255,.16);
    border-top-color:var(--blue-2);
    animation:softSpin 9s linear infinite;
}
.trial-ring span{
    color:#d9f0ff;
    font-size:10px;
    animation:counterSpin 9s linear infinite;
}
.today-card{padding:16px}
.today-label{
    color:#67c5ff;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.75px;
}
.today-card strong{
    display:block;
    margin-top:8px;
    font-size:13px;
}
.today-card p{
    margin:6px 0 0;
    color:#6e879d;
    font-size:10px;
    line-height:1.55;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
}
.stat-card{
    min-height:96px;
    display:flex;
    align-items:center;
    gap:13px;
    padding:15px;
    border:1px solid var(--line);
    border-radius:16px;
    background:linear-gradient(180deg,rgba(12,30,47,.92),rgba(8,23,37,.92));
    transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.stat-card:hover{
    transform:translateY(-2px);
    border-color:rgba(91,193,255,.18);
    background:linear-gradient(180deg,rgba(14,35,55,.95),rgba(8,23,37,.95));
}
.stat-icon{
    width:39px;
    height:39px;
    display:grid;
    place-items:center;
    border:1px solid rgba(91,193,255,.12);
    border-radius:11px;
    color:#67c7ff;
    background:rgba(41,149,255,.06);
    font-size:9px;
    font-weight:950;
}
.stat-card span{
    display:block;
    color:#667f95;
    font-size:9px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.55px;
}
.stat-card strong{
    display:block;
    margin-top:5px;
    font-size:18px;
}

.dashboard-grid,.job-content-grid{
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(290px,.7fr);
    gap:14px;
    margin-top:14px;
}
.panel,.quick-actions-panel{
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(11,28,44,.94),rgba(7,21,34,.94));
    box-shadow:0 18px 50px rgba(0,0,0,.15);
}
.panel{padding:18px}
.quick-actions-panel{padding:18px;margin-top:14px}
.panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:13px;
}
.panel-head .eyebrow{margin-bottom:4px}
.text-link{
    color:#65c5ff;
    font-size:10px;
    font-weight:900;
    text-decoration:none;
}
.text-link:hover{color:white}

.job-list{display:grid;gap:8px}
.job-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:82px;
    padding:13px;
    border:1px solid rgba(255,255,255,.052);
    border-radius:14px;
    background:rgba(255,255,255,.018);
    text-decoration:none;
    transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.job-row:hover{
    transform:translateX(3px);
    border-color:rgba(91,193,255,.18);
    background:rgba(41,149,255,.035);
}
.job-main{
    min-width:0;
    display:flex;
    align-items:center;
    gap:11px;
}
.job-status-dot{
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:var(--green);
    box-shadow:0 0 0 5px rgba(66,216,160,.05),0 0 16px rgba(66,216,160,.28);
    animation:statusPulse 2.6s ease-in-out infinite;
}
.job-title{
    font-size:13px;
    font-weight:900;
}
.job-client{
    margin-top:4px;
    color:#6f879d;
    font-size:10px;
}
.job-client span{color:#506a80}
.job-row-metrics{
    display:grid;
    grid-template-columns:100px 120px 28px;
    gap:8px;
    align-items:center;
}
.job-row-metrics>div:not(.job-arrow){
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:10px;
    background:rgba(255,255,255,.018);
}
.job-row-metrics span{
    display:block;
    color:#587086;
    font-size:8px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.4px;
}
.job-row-metrics strong{
    display:block;
    margin-top:4px;
    font-size:11px;
}
.job-arrow{
    color:#48708d;
    font-size:17px;
    text-align:right;
    transition:transform .18s ease,color .18s ease;
}
.job-row:hover .job-arrow{transform:translateX(3px);color:#65c5ff}

.activity-list{display:grid}
.activity-item{
    display:grid;
    grid-template-columns:12px 1fr;
    gap:10px;
    padding:11px 2px;
    border-bottom:1px solid rgba(255,255,255,.045);
}
.activity-item:last-child{border-bottom:0}
.activity-dot{
    width:7px;
    height:7px;
    margin-top:4px;
    border-radius:50%;
    background:#2995ff;
    box-shadow:0 0 12px rgba(41,149,255,.25);
}
.activity-item strong{
    display:block;
    color:#aebfce;
    font-size:10px;
    line-height:1.45;
}
.activity-item small{
    display:block;
    margin-top:4px;
    color:#4f667b;
    font-size:8px;
}
.empty-mini{
    padding:18px 4px;
    color:#61798f;
    font-size:10px;
}
.empty-card{
    padding:30px 20px;
    text-align:center;
    border:1px dashed rgba(255,255,255,.10);
    border-radius:15px;
    color:#8299ad;
    background:rgba(255,255,255,.012);
}
.empty-card strong{color:#d9e6f1}
.empty-card p{
    max-width:420px;
    margin:7px auto 0;
    font-size:11px;
    line-height:1.55;
}
.empty-card.compact{padding:22px}
.empty-icon{font-size:26px;color:var(--blue-2);margin-bottom:8px}

.job-overview{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:26px;
    padding:27px;
    border:1px solid var(--line);
    border-radius:20px;
    background:
        radial-gradient(circle at 88% 10%,rgba(41,149,255,.10),transparent 22rem),
        linear-gradient(145deg,rgba(13,34,53,.96),rgba(7,20,33,.95));
}
.job-status-line{
    color:#7ce4b8;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.75px;
}
.status-dot{
    display:inline-block;
    width:7px;
    height:7px;
    margin-right:6px;
    border-radius:50%;
    background:var(--green);
    box-shadow:0 0 12px rgba(66,216,160,.42);
    animation:statusPulse 2.6s ease-in-out infinite;
}
.job-overview h1{
    margin:7px 0 10px;
    font-size:clamp(28px,3.4vw,46px);
}
.job-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}
.job-meta span,.job-meta a{
    min-height:28px;
    display:inline-flex;
    align-items:center;
    padding:0 9px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:999px;
    color:#7890a6;
    background:rgba(255,255,255,.018);
    text-decoration:none;
    font-size:9px;
    font-weight:750;
}
.job-meta a:hover{color:white;border-color:var(--line-strong)}
.job-overview-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.summary-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
}
.summary-tile{
    min-height:110px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:16px;
    background:linear-gradient(180deg,rgba(12,30,47,.92),rgba(8,23,37,.92));
}
.summary-tile span{
    display:block;
    color:#61798e;
    font-size:9px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.55px;
}
.summary-tile strong{
    display:block;
    margin-top:7px;
    font-size:23px;
    letter-spacing:-.6px;
}
.summary-tile small{
    display:block;
    margin-top:6px;
    color:#4f667b;
    font-size:8px;
}

.quick-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
}
.quick-card{
    min-height:124px;
    display:flex;
    flex-direction:column;
    padding:14px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:14px;
    color:inherit;
    background:rgba(255,255,255,.018);
    text-decoration:none;
    transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.quick-card:hover{
    transform:translateY(-2px);
    border-color:rgba(91,193,255,.18);
    background:rgba(41,149,255,.035);
}
.quick-card.accent{
    border-color:rgba(41,149,255,.22);
    background:linear-gradient(145deg,rgba(41,149,255,.11),rgba(41,149,255,.035));
}
.quick-card.disabled{
    opacity:.48;
    cursor:default;
}
.quick-card.disabled:hover{transform:none;border-color:rgba(255,255,255,.055);background:rgba(255,255,255,.018)}
.quick-icon{
    display:block;
    margin-bottom:auto;
    font-size:24px;
}
.quick-card strong{
    margin-top:15px;
    font-size:11px;
}
.quick-card small{
    margin-top:4px;
    color:#5f788e;
    font-size:8px;
    line-height:1.4;
}

.receipt-list{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.05);
    border-radius:14px;
    background:rgba(255,255,255,.012);
}
.receipt-row{
    display:grid;
    grid-template-columns:38px 1fr auto auto;
    gap:11px;
    align-items:center;
    min-height:66px;
    padding:11px 12px;
    border-bottom:1px solid rgba(255,255,255,.045);
    transition:background .16s ease;
}
.receipt-row:last-child{border-bottom:0}
.receipt-row:hover{background:rgba(41,149,255,.025)}
.receipt-number{
    width:33px;
    height:33px;
    display:grid;
    place-items:center;
    border-radius:10px;
    color:#75caff;
    background:rgba(41,149,255,.075);
    font-size:10px;
    font-weight:950;
}
.receipt-main strong{
    display:block;
    font-size:10px;
}
.receipt-main span{
    display:block;
    margin-top:4px;
    color:#60788e;
    font-size:8px;
}
.receipt-total{
    color:#e9f6ff;
    font-size:12px;
    font-weight:950;
}
.receipt-actions{
    display:flex;
    align-items:center;
    gap:5px;
}
.receipt-actions form{margin:0}
.receipt-action{
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.065);
    border-radius:9px;
    color:#8ba3b8;
    background:rgba(255,255,255,.022);
    text-decoration:none;
    cursor:pointer;
    font-size:13px;
    transition:.16s ease;
}
.receipt-action:hover{
    border-color:rgba(41,149,255,.24);
    background:rgba(41,149,255,.07);
}
.receipt-action.danger:hover{
    border-color:rgba(255,117,134,.22);
    background:rgba(255,117,134,.07);
}
.receipt-total-strip{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-top:9px;
    padding:11px 13px;
    border:1px solid rgba(91,193,255,.09);
    border-radius:12px;
    background:rgba(41,149,255,.035);
}
.receipt-total-strip span{
    color:#617c93;
    font-size:9px;
}
.receipt-total-strip strong{
    font-size:12px;
}
.timeline{display:grid;gap:8px}
.timeline-item{
    display:grid;
    grid-template-columns:12px 1fr;
    gap:9px;
    padding:11px;
    border:1px solid rgba(255,255,255,.05);
    border-radius:12px;
    background:rgba(255,255,255,.014);
}
.timeline-dot{
    width:7px;
    height:7px;
    margin-top:4px;
    border-radius:50%;
    background:var(--blue);
}
.timeline-item strong{font-size:10px}
.timeline-item p{
    margin:6px 0;
    color:#8fa5b7;
    font-size:9px;
    line-height:1.55;
}
.timeline-item b{
    display:block;
    margin:5px 0;
    color:#bcecd7;
    font-size:10px;
}
.timeline-item small{color:#526b80;font-size:8px}

.form-card{
    padding:20px;
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(11,28,44,.96),rgba(7,21,34,.96));
    box-shadow:var(--shadow);
}
.stack{display:grid;gap:15px}
label{
    display:grid;
    gap:7px;
    color:#96acbe;
    font-size:10px;
    font-weight:850;
}
input,textarea,select{
    width:100%;
    min-height:46px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:11px;
    outline:none;
    color:#eff7fb;
    background:#071522;
    padding:12px 13px;
    transition:border-color .17s ease,box-shadow .17s ease,background .17s ease;
}
input::placeholder,textarea::placeholder{color:#3f596f}
input:focus,textarea:focus,select:focus{
    border-color:rgba(41,149,255,.48);
    box-shadow:0 0 0 3px rgba(41,149,255,.075);
    background:#081927;
}
textarea{resize:vertical;min-height:120px}
.money-input{
    display:flex;
    align-items:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:11px;
    background:#071522;
}
.money-input span{padding-left:13px;color:#68bff6}
.money-input input{border:0;background:transparent;box-shadow:none!important}
.helper{
    margin:0;
    color:#60788e;
    font-size:9px;
    line-height:1.55;
}
.camera-box{
    min-height:180px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:18px;
    border:1px dashed rgba(91,193,255,.28);
    border-radius:15px;
    background:
        radial-gradient(circle at 50% 0%,rgba(41,149,255,.07),transparent 12rem),
        rgba(41,149,255,.025);
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease;
}
.camera-box:hover{
    border-color:rgba(91,193,255,.45);
    background:rgba(41,149,255,.045);
}
.camera-box input{display:none}
.camera-icon{font-size:32px}
.camera-box strong{color:#edf8ff;font-size:13px}
.camera-box small{color:#688196;font-size:9px}
.receipt-preview{
    width:100%;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.055);
}
.receipt-preview img{
    width:100%;
    max-height:240px;
    object-fit:contain;
    border-radius:10px;
    background:#040b12;
}
.receipt-preview span{
    display:block;
    margin-top:7px;
    color:#6e879d;
    font-size:8px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.alert{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:14px;
    padding:12px 14px;
    border-radius:12px;
    font-size:10px;
    font-weight:850;
    animation:alertEnter .28s ease both;
}
.alert.error{
    color:#ffb6bf;
    border:1px solid rgba(255,117,134,.14);
    background:rgba(255,117,134,.075);
}
.alert.success{
    color:#8ce8c3;
    border:1px solid rgba(66,216,160,.14);
    background:rgba(66,216,160,.07);
}
.alert-icon{
    width:21px;
    height:21px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(66,216,160,.12);
    color:#9bf2cf;
    font-weight:950;
}
.receipt-success{
    box-shadow:0 8px 30px rgba(66,216,160,.055);
}

.auth-page{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
}
.auth-shell{width:min(430px,100%)}
.auth-shell>.brand{text-align:center;margin-bottom:14px}
.auth-card{
    padding:23px;
    border:1px solid var(--line);
    border-radius:19px;
    background:linear-gradient(180deg,rgba(11,28,44,.97),rgba(7,21,34,.97));
    box-shadow:var(--shadow);
    animation:enterUp .35s ease both;
}
.auth-card h1{font-size:30px}
.auth-footer{
    margin:18px 0 0;
    color:#6f879c;
    text-align:center;
    font-size:10px;
}
.auth-footer a{color:var(--blue-2);font-weight:850}

.bottom-nav{display:none}

.enter{animation:enterUp .34s cubic-bezier(.2,.7,.2,1) both}
.delay-1{animation-delay:.05s}
.delay-2{animation-delay:.10s}
.delay-3{animation-delay:.15s}
.delay-4{animation-delay:.20s}

@keyframes enterUp{
    from{opacity:0;transform:translateY(10px)}
    to{opacity:1;transform:none}
}
@keyframes alertEnter{
    from{opacity:0;transform:translateY(-5px) scale(.99)}
    to{opacity:1;transform:none}
}
@keyframes statusPulse{
    0%,100%{box-shadow:0 0 0 4px rgba(66,216,160,.035),0 0 11px rgba(66,216,160,.20)}
    50%{box-shadow:0 0 0 7px rgba(66,216,160,.015),0 0 17px rgba(66,216,160,.38)}
}
@keyframes softSpin{to{transform:rotate(360deg)}}
@keyframes counterSpin{to{transform:rotate(-360deg)}}

@media(max-width:900px){
    .desktop-nav{display:none}
    .header-user .user-copy{display:none}
    .dashboard-hero{grid-template-columns:1fr}
    .hero-side{grid-template-columns:1fr 1fr}
    .stats-grid{grid-template-columns:repeat(2,1fr)}
    .dashboard-grid,.job-content-grid{grid-template-columns:1fr}
    .job-overview{
        align-items:flex-start;
        flex-direction:column;
    }
    .job-overview-actions{width:100%}
    .job-overview-actions .btn{flex:1}
    .quick-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
    body{padding-bottom:74px}
    .header-inner{
        width:calc(100% - 24px);
        min-height:62px;
    }
    .brand-mark{
        width:34px;
        height:34px;
        border-radius:10px;
    }
    .brand.small{font-size:15px}
    .brand-sub{display:none}
    .header-user .ghost-btn{font-size:0;width:36px;padding:0;justify-content:center}
    .header-user .ghost-btn::after{content:"↗";font-size:14px}
    .app-shell,.app-shell.narrow{
        width:calc(100% - 24px);
        padding-top:18px;
        padding-bottom:86px;
    }
    .dashboard-hero{
        padding:22px 18px;
        border-radius:18px;
    }
    h1{
        font-size:37px;
        letter-spacing:-1.6px;
    }
    .dashboard-hero .muted{font-size:11px}
    .hero-actions{display:grid;grid-template-columns:1fr}
    .hero-actions .btn{width:100%}
    .hero-side{grid-template-columns:1fr}
    .stats-grid{grid-template-columns:repeat(2,1fr)}
    .stat-card{
        min-height:84px;
        padding:12px;
        gap:9px;
    }
    .stat-icon{
        width:32px;height:32px;border-radius:9px;
    }
    .stat-card strong{font-size:15px}
    .panel,.quick-actions-panel{padding:14px;border-radius:15px}
    .job-row{
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
    }
    .job-row-metrics{
        width:100%;
        grid-template-columns:1fr 1fr 24px;
    }
    .job-overview{
        padding:20px 17px;
        border-radius:17px;
    }
    .job-overview h1{font-size:30px}
    .job-overview-actions{
        display:grid;
        grid-template-columns:1fr;
    }
    .summary-grid{
        grid-template-columns:1fr 1fr;
    }
    .summary-tile:last-child{grid-column:1/-1}
    .summary-tile{
        min-height:94px;
        padding:13px;
    }
    .summary-tile strong{font-size:18px}
    .quick-grid{grid-template-columns:1fr 1fr}
    .quick-card{min-height:112px;padding:12px}
    .receipt-row{
        grid-template-columns:34px 1fr auto;
        gap:8px;
        padding:11px 10px;
    }
    .receipt-actions{
        grid-column:2/4;
        justify-content:flex-end;
        margin-top:-2px;
    }
    .receipt-total-strip{
        align-items:flex-start;
        flex-direction:column;
        gap:5px;
    }
    .bottom-nav{
        position:fixed;
        z-index:120;
        left:50%;
        bottom:10px;
        transform:translateX(-50%);
        width:calc(100% - 20px);
        display:grid;
        grid-template-columns:1fr 1.2fr;
        gap:6px;
        padding:6px;
        border:1px solid var(--line);
        border-radius:15px;
        background:rgba(6,17,29,.92);
        backdrop-filter:blur(20px);
        box-shadow:0 18px 50px rgba(0,0,0,.34);
    }
    .bottom-nav a{
        min-height:42px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:10px;
        color:#7890a6;
        text-decoration:none;
        font-size:10px;
        font-weight:900;
    }
    .bottom-nav a.active{
        color:#d7efff;
        background:rgba(41,149,255,.08);
    }
    .bottom-nav .bottom-primary{
        color:white;
        background:linear-gradient(135deg,#2995ff,#1677d8);
    }
}
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        scroll-behavior:auto!important;
        transition-duration:.01ms!important;
    }
}


/* =========================================================
   v0.2.2 — Job controls
========================================================= */

.job-overview-actions{
    align-items:center;
}

.delete-job-form{
    margin:0;
}

.danger-btn{
    color:#ffb3bd;
    border:1px solid rgba(255,117,134,.18);
    background:rgba(255,117,134,.045);
    box-shadow:none;
}

.danger-btn:hover{
    color:#fff;
    border-color:rgba(255,117,134,.35);
    background:rgba(255,117,134,.11);
    box-shadow:0 10px 26px rgba(255,117,134,.08);
}

.form-heading{
    margin:2px 0 16px;
}

.form-heading h1{
    margin-bottom:8px;
    font-size:clamp(30px,4vw,44px);
}

.form-heading .muted{
    margin-bottom:0;
    font-size:11px;
}

@media(max-width:900px){
    .delete-job-form{
        flex:1;
    }

    .delete-job-form .btn{
        width:100%;
    }
}

@media(max-width:640px){
    .job-overview-actions{
        grid-template-columns:1fr 1fr;
    }

    .job-overview-actions .btn{
        width:100%;
    }

    .delete-job-form{
        width:100%;
    }

    .delete-job-form .danger-btn{
        width:100%;
    }
}


/* =========================================================
   v0.2.3 — Agreement modal + voice input
========================================================= */

.note-modal-page{
    overflow:hidden;
}

.note-modal-backdrop{
    position:fixed;
    z-index:500;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:26px;
    background:
        radial-gradient(circle at 50% 35%,rgba(41,149,255,.08),transparent 32rem),
        rgba(3,10,17,.68);
    backdrop-filter:blur(8px);
}

.note-modal-card{
    width:min(720px,100%);
    max-height:calc(100vh - 52px);
    overflow:auto;
    padding:22px;
    border:1px solid rgba(91,193,255,.15);
    border-radius:20px;
    background:
        radial-gradient(circle at 100% 0%,rgba(41,149,255,.07),transparent 20rem),
        linear-gradient(180deg,#0b1e30,#071522);
    box-shadow:
        0 34px 100px rgba(0,0,0,.48),
        0 0 0 1px rgba(255,255,255,.015) inset;
    outline:none;
}

.note-modal-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}

.note-modal-head h1{
    margin:3px 0 5px;
    font-size:28px;
    letter-spacing:-.8px;
}

.note-modal-head p{
    margin:0;
    color:#688197;
    font-size:10px;
}

.modal-close{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.07);
    border-radius:10px;
    color:#7f97ab;
    background:rgba(255,255,255,.02);
    cursor:pointer;
    font-size:22px;
    line-height:1;
    transition:.17s ease;
}

.modal-close:hover{
    color:white;
    border-color:rgba(91,193,255,.20);
    background:rgba(41,149,255,.06);
}

.voice-field{
    gap:8px;
}

.field-label{
    color:#9db2c3;
    font-size:10px;
    font-weight:850;
}

.voice-textarea-wrap{
    position:relative;
}

.voice-textarea-wrap textarea{
    padding-right:64px;
}

.voice-button{
    position:absolute;
    right:12px;
    bottom:12px;
    width:43px;
    height:43px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(91,193,255,.22);
    border-radius:13px;
    color:#77caff;
    background:rgba(41,149,255,.08);
    cursor:pointer;
    transition:
        transform .16s ease,
        background .16s ease,
        border-color .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}

.voice-button:hover{
    transform:translateY(-1px);
    color:white;
    border-color:rgba(91,193,255,.36);
    background:rgba(41,149,255,.14);
}

.voice-button svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.voice-button.listening{
    color:#fff;
    border-color:rgba(255,117,134,.55);
    background:rgba(255,117,134,.18);
    box-shadow:0 0 0 7px rgba(255,117,134,.055),0 0 24px rgba(255,117,134,.16);
    animation:micPulse 1.35s ease-in-out infinite;
}

.voice-button.unsupported{
    opacity:.4;
    cursor:not-allowed;
}

.voice-button.unsupported:hover{
    transform:none;
}

.voice-status-row{
    min-height:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.voice-status-row>span:first-child{
    color:#5e788e;
    font-size:8px;
    line-height:1.45;
}

.voice-live{
    flex:0 0 auto;
    color:#ff9ba7;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.55px;
}

.voice-live::before{
    content:"";
    width:6px;
    height:6px;
    display:inline-block;
    margin-right:5px;
    border-radius:50%;
    background:#ff7586;
    box-shadow:0 0 12px rgba(255,117,134,.45);
}

.note-modal-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:3px;
}

.note-modal-actions .btn{
    min-width:118px;
}

.modal-hint{
    margin-top:15px;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.05);
    color:#4f687d;
    text-align:center;
    font-size:8px;
}

.modal-hint kbd{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:0 6px;
    border:1px solid rgba(255,255,255,.09);
    border-bottom-color:rgba(255,255,255,.16);
    border-radius:5px;
    color:#849caf;
    background:rgba(255,255,255,.025);
    font-family:inherit;
    font-size:8px;
}

@keyframes micPulse{
    0%,100%{transform:scale(1);box-shadow:0 0 0 6px rgba(255,117,134,.045),0 0 18px rgba(255,117,134,.12)}
    50%{transform:scale(1.045);box-shadow:0 0 0 10px rgba(255,117,134,.02),0 0 28px rgba(255,117,134,.20)}
}

@media(max-width:640px){
    .note-modal-backdrop{
        align-items:flex-end;
        padding:0;
        background:rgba(3,10,17,.72);
    }

    .note-modal-card{
        width:100%;
        max-height:94vh;
        padding:19px 15px calc(18px + env(safe-area-inset-bottom));
        border-radius:20px 20px 0 0;
        border-left:0;
        border-right:0;
        border-bottom:0;
    }

    .note-modal-head h1{
        font-size:24px;
    }

    .voice-textarea-wrap textarea{
        min-height:170px;
    }

    .note-modal-actions{
        display:grid;
        grid-template-columns:1fr 1.35fr;
    }

    .note-modal-actions .btn{
        width:100%;
        min-width:0;
    }

    .modal-hint{
        display:none;
    }
}


/* =========================================================
   v0.2.4 — Workday + job photos
========================================================= */

.workday-primary-actions{
    align-items:center;
}

.workday-action-form{
    margin:0;
}

.workday-start-btn,
.workday-finish-btn{
    min-height:48px;
    padding-inline:18px;
    color:#fff;
    border:1px solid transparent;
    box-shadow:0 13px 34px rgba(41,149,255,.18);
}

.workday-start-btn{
    background:linear-gradient(135deg,#2d9fff,#1179dc);
}

.workday-start-btn:hover{
    box-shadow:0 15px 38px rgba(41,149,255,.28);
}

.workday-finish-btn{
    background:linear-gradient(135deg,#27b983,#168f64);
    box-shadow:0 13px 34px rgba(42,190,135,.17);
}

.workday-finish-btn:hover{
    box-shadow:0 15px 38px rgba(42,190,135,.25);
}

.workday-btn-icon{
    font-size:13px;
}

.workday-complete-pill{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:0 14px;
    border:1px solid rgba(66,216,160,.16);
    border-radius:12px;
    color:#9ceacb;
    background:rgba(66,216,160,.06);
    font-size:10px;
    font-weight:900;
}

.workday-complete-pill span{
    width:21px;
    height:21px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(66,216,160,.10);
}

.workday-strip{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-top:12px;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.06);
    border-radius:14px;
    background:rgba(255,255,255,.018);
}

.workday-status-copy{
    min-width:0;
    display:flex;
    align-items:center;
    gap:11px;
}

.workday-state{
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
}

.workday-state.idle{
    background:#587087;
}

.workday-state.live{
    background:var(--green);
    box-shadow:0 0 0 5px rgba(66,216,160,.045),0 0 15px rgba(66,216,160,.34);
    animation:statusPulse 2.4s ease-in-out infinite;
}

.workday-state.done{
    background:#5bc1ff;
    box-shadow:0 0 13px rgba(91,193,255,.25);
}

.workday-status-copy strong{
    display:block;
    font-size:10px;
}

.workday-status-copy small{
    display:block;
    margin-top:3px;
    color:#5d758b;
    font-size:8px;
    line-height:1.45;
}

.job-photos-panel{
    margin-top:14px;
}

.job-photo-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
}

.job-photo-card{
    position:relative;
    overflow:hidden;
    min-height:130px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:13px;
    background:#05101a;
    text-decoration:none;
}

.job-photo-card img{
    width:100%;
    height:130px;
    object-fit:cover;
    opacity:.86;
    transition:transform .22s ease,opacity .22s ease;
}

.job-photo-card:hover img{
    transform:scale(1.035);
    opacity:1;
}

.job-photo-meta{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:24px 9px 8px;
    background:linear-gradient(transparent,rgba(3,10,17,.92));
}

.job-photo-meta strong{
    display:block;
    font-size:8px;
}

.job-photo-meta span{
    display:block;
    margin-top:3px;
    color:#7790a5;
    font-size:7px;
}

.skip-photo-form{
    margin-top:12px;
    text-align:center;
}

.skip-link{
    border:0;
    padding:7px 10px;
    color:#617b91;
    background:transparent;
    cursor:pointer;
    font-size:9px;
    font-weight:800;
}

.skip-link:hover{
    color:#a9c1d4;
}

@media(max-width:1000px){
    .job-photo-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media(max-width:640px){
    .workday-primary-actions{
        width:100%;
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .workday-action-form{
        grid-column:1/-1;
    }

    .workday-action-form .btn{
        width:100%;
        min-height:54px;
        font-size:12px;
    }

    .workday-complete-pill{
        grid-column:1/-1;
        justify-content:center;
        min-height:50px;
    }

    .workday-strip{
        align-items:flex-start;
        flex-direction:column;
    }

    .job-photo-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .job-photo-card,
    .job-photo-card img{
        min-height:118px;
        height:118px;
    }
}


/* =========================================================
   v0.2.5 — Resume day + measurements
========================================================= */

.finished-workday-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.resume-day-form{
    margin:0;
}

.workday-complete-pill.no-final-photo{
    color:#f0c07f;
    border-color:rgba(240,174,93,.16);
    background:rgba(240,174,93,.055);
}

.diary-head-actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.measurement-link{
    color:#8fd4ff;
}

.measurement-section{
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid rgba(255,255,255,.055);
}

.measurement-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:9px;
}

.measurement-section-head strong{
    font-size:10px;
}

.measurement-section-head a{
    color:#65c5ff;
    text-decoration:none;
    font-size:9px;
    font-weight:900;
}

.measurement-list{
    display:grid;
    gap:7px;
}

.measurement-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto 28px;
    gap:9px;
    align-items:center;
    padding:10px;
    border:1px solid rgba(255,255,255,.05);
    border-radius:11px;
    background:rgba(255,255,255,.014);
}

.measurement-row-main strong{
    display:block;
    font-size:9px;
}

.measurement-row-main span{
    display:block;
    margin-top:3px;
    color:#60788e;
    font-size:8px;
}

.measurement-values{
    display:flex;
    align-items:center;
    gap:6px;
}

.measurement-values>div{
    min-width:66px;
    padding:6px 8px;
    border:1px solid rgba(91,193,255,.07);
    border-radius:8px;
    background:rgba(41,149,255,.025);
}

.measurement-values span{
    display:block;
    color:#536d82;
    font-size:7px;
    text-transform:uppercase;
    font-weight:850;
}

.measurement-values strong{
    display:block;
    margin-top:3px;
    font-size:9px;
}

.measurement-delete{
    width:27px;
    height:27px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,117,134,.10);
    border-radius:8px;
    color:#b97b84;
    background:rgba(255,117,134,.025);
    cursor:pointer;
}

.measurement-delete:hover{
    color:#ffb0ba;
    border-color:rgba(255,117,134,.22);
    background:rgba(255,117,134,.07);
}

.measurement-modal{
    width:min(780px,100%);
}

.measurement-fields{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}

.measurement-results{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}

.measurement-results article{
    padding:12px;
    border:1px solid rgba(91,193,255,.09);
    border-radius:12px;
    background:rgba(41,149,255,.03);
}

.measurement-results span{
    display:block;
    color:#60798f;
    font-size:8px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.measurement-results strong{
    display:block;
    margin-top:5px;
    color:#e6f5ff;
    font-size:16px;
}

.measurement-results small{
    display:block;
    margin-top:4px;
    color:#4f687d;
    font-size:7px;
}

@media(max-width:700px){
    .finished-workday-actions{
        width:100%;
        display:grid;
        grid-template-columns:1fr;
    }

    .finished-workday-actions .btn,
    .resume-day-form,
    .resume-day-form .btn{
        width:100%;
    }

    .diary-panel-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .diary-head-actions{
        width:100%;
        justify-content:space-between;
    }

    .measurement-fields,
    .measurement-results{
        grid-template-columns:1fr;
    }

    .measurement-row{
        grid-template-columns:1fr 28px;
    }

    .measurement-values{
        grid-column:1/3;
    }
}


/* =========================================================
   v0.2.6 — Typography polish
========================================================= */

/* Workday status strip: slightly larger and easier to scan */
.workday-strip{
    padding:14px 16px;
}

.workday-status-copy{
    gap:12px;
}

.workday-status-copy strong{
    font-size:12px;
    line-height:1.35;
    letter-spacing:-.1px;
}

.workday-status-copy small{
    margin-top:4px;
    font-size:9px;
    line-height:1.5;
}

/* Measurements block in diary */
.measurement-section{
    margin-top:18px;
    padding-top:16px;
}

.measurement-section-head{
    margin-bottom:11px;
}

.measurement-section-head strong{
    font-size:13px;
    line-height:1.3;
    letter-spacing:-.15px;
    color:#e6f3fb;
}

.measurement-section-head a{
    font-size:10px;
}

.measurement-section .empty-mini{
    padding:10px 0 4px;
    font-size:9.5px;
    line-height:1.55;
    color:#70899f;
}

.measurement-row-main strong{
    font-size:10.5px;
}

.measurement-row-main span{
    font-size:8.5px;
}

.measurement-values span{
    font-size:7.5px;
}

.measurement-values strong{
    font-size:10px;
}

/* Make the diary actions a little easier to notice */
.diary-head-actions .text-link{
    font-size:10px;
}

@media(max-width:640px){
    .workday-strip{
        padding:14px;
    }

    .workday-status-copy strong{
        font-size:11.5px;
    }

    .workday-status-copy small{
        font-size:8.8px;
    }

    .measurement-section-head strong{
        font-size:12px;
    }

    .measurement-section .empty-mini{
        font-size:9px;
    }
}


/* =========================================================
   v0.2.7 — Readability boost
   Stronger sizing for workday status + Measurements block
========================================================= */

/* WORKDAY STATUS */
.workday-strip{
    padding:16px 18px;
    min-height:68px;
}

.workday-status-copy{
    gap:13px;
}

.workday-state{
    width:10px;
    height:10px;
    flex-basis:10px;
}

.workday-status-copy strong{
    font-size:15px !important;
    line-height:1.35;
    letter-spacing:-.15px;
    color:#f1f7fb;
}

.workday-status-copy small{
    margin-top:5px;
    font-size:11px !important;
    line-height:1.5;
    color:#7892a8;
}

.workday-strip .text-link{
    font-size:11px;
}


/* DIARY / MEASUREMENTS */
.job-content-grid{
    grid-template-columns:minmax(0,1.55fr) minmax(360px,.75fr);
}

.diary-panel-head h2{
    font-size:19px;
}

.diary-head-actions .text-link{
    font-size:11px;
}

.measurement-section{
    margin-top:20px;
    padding-top:18px;
}

.measurement-section-head{
    margin-bottom:13px;
}

.measurement-section-head strong{
    font-size:15px !important;
    line-height:1.35;
    letter-spacing:-.18px;
    color:#edf6fc;
}

.measurement-section-head a{
    font-size:11px !important;
}

.measurement-section .empty-mini{
    padding:12px 0 6px;
    font-size:11px !important;
    line-height:1.65;
    color:#7f98ad;
}

.measurement-row{
    padding:12px;
}

.measurement-row-main strong{
    font-size:12px !important;
}

.measurement-row-main span{
    margin-top:4px;
    font-size:10px !important;
}

.measurement-values span{
    font-size:8.5px !important;
}

.measurement-values strong{
    font-size:11px !important;
}


/* Keep it balanced on smaller screens */
@media(max-width:900px){
    .job-content-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:640px){
    .workday-strip{
        min-height:64px;
        padding:15px;
    }

    .workday-status-copy strong{
        font-size:14px !important;
    }

    .workday-status-copy small{
        font-size:10px !important;
    }

    .diary-panel-head h2{
        font-size:18px;
    }

    .measurement-section-head strong{
        font-size:14px !important;
    }

    .measurement-section .empty-mini{
        font-size:10.5px !important;
    }
}


/* =========================================================
   v0.2.8 — Measurements title matches Diary title
========================================================= */

.measurement-section-head strong{
    font-size:19px !important;
    line-height:1.25;
    letter-spacing:-.35px;
    color:#f1f7fb;
}

@media(max-width:640px){
    .measurement-section-head strong{
        font-size:18px !important;
    }
}


/* =========================================================
   v0.2.9 — Measurements heading hard fix
   Uses a real H2, same visual level as "Уговорки и записи".
========================================================= */

.measurement-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.measurement-section-head .measurement-title{
    margin:0 !important;
    font-size:19px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:-.35px !important;
    color:#f1f7fb !important;
}

.measurement-section-head > a{
    flex:0 0 auto;
}

@media(max-width:640px){
    .measurement-section-head .measurement-title{
        font-size:18px !important;
    }
}


/* =========================================================
   v0.3.0 — Receipt OCR + duplicate detection
========================================================= */

.receipt-capture-shell .form-heading h1{
    font-size:clamp(31px,4vw,44px);
}

.receipt-camera-box{
    min-height:190px;
}

.ocr-panel{
    padding:14px;
    border:1px solid rgba(91,193,255,.13);
    border-radius:14px;
    background:
        radial-gradient(circle at 95% 0%,rgba(41,149,255,.075),transparent 16rem),
        rgba(41,149,255,.025);
}

.ocr-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.ocr-kicker{
    display:block;
    color:#68c7ff;
    font-size:8px;
    font-weight:950;
    letter-spacing:.75px;
}

.ocr-panel-head strong{
    display:block;
    margin-top:4px;
    font-size:12px;
}

.ocr-percent{
    color:#8bd3ff;
    font-size:11px;
    font-weight:950;
}

.ocr-progress{
    height:6px;
    margin-top:11px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.045);
}

.ocr-progress span{
    width:0;
    height:100%;
    display:block;
    border-radius:inherit;
    background:linear-gradient(90deg,#248ff2,#5bc1ff);
    box-shadow:0 0 14px rgba(91,193,255,.24);
    transition:width .2s ease;
}

.ocr-panel p{
    margin:9px 0 0;
    color:#6f889e;
    font-size:9px;
    line-height:1.5;
}

.ocr-result-chips{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:10px;
}

.ocr-result-chips span:empty{
    display:none;
}

.ocr-result-chips span{
    min-height:26px;
    display:inline-flex;
    align-items:center;
    padding:0 8px;
    border:1px solid rgba(66,216,160,.11);
    border-radius:999px;
    color:#9ddfca;
    background:rgba(66,216,160,.045);
    font-size:8px;
    font-weight:800;
}

.ocr-retry{
    margin-top:10px;
    padding:0;
    border:0;
    color:#65c7ff;
    background:transparent;
    cursor:pointer;
    font-size:9px;
    font-weight:900;
}

.ocr-retry:hover{
    color:white;
}

.receipt-fields-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.receipt-confirm-note{
    display:flex;
    align-items:flex-start;
    gap:8px;
    padding:10px 11px;
    border:1px solid rgba(255,255,255,.05);
    border-radius:11px;
    background:rgba(255,255,255,.015);
}

.receipt-confirm-note>span{
    width:19px;
    height:19px;
    flex:0 0 19px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#8ae5c0;
    background:rgba(66,216,160,.08);
    font-size:9px;
    font-weight:950;
}

.receipt-confirm-note p{
    margin:1px 0 0;
    color:#687f93;
    font-size:8.5px;
    line-height:1.5;
}

.duplicate-warning,
.duplicate-server-warning{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px 13px;
    border:1px solid rgba(240,174,93,.18);
    border-radius:12px;
    color:#eac58f;
    background:rgba(240,174,93,.055);
}

.duplicate-warning-icon{
    width:24px;
    height:24px;
    flex:0 0 24px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#ffd095;
    background:rgba(240,174,93,.11);
    font-size:11px;
    font-weight:950;
}

.duplicate-warning strong,
.duplicate-server-warning strong{
    display:block;
    font-size:10px;
}

.duplicate-warning p,
.duplicate-server-warning span{
    display:block;
    margin:4px 0 0;
    color:#9f8665;
    font-size:8.5px;
    line-height:1.5;
}

#saveReceiptButton:disabled{
    opacity:.58;
    cursor:wait;
    transform:none;
}

@media(max-width:640px){
    .receipt-fields-grid{
        grid-template-columns:1fr;
    }

    .ocr-panel{
        padding:12px;
    }
}


/* =========================================================
   v0.3.1 — Conservative OCR amount selection
========================================================= */

.ocr-candidates{
    margin-top:11px;
    padding:11px;
    border:1px solid rgba(240,174,93,.14);
    border-radius:11px;
    background:rgba(240,174,93,.035);
}

.ocr-candidates>span{
    display:block;
    color:#c9aa7c;
    font-size:8.5px;
    line-height:1.45;
}

#ocrCandidateButtons{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:8px;
}

.ocr-candidate-button{
    min-height:34px;
    padding:0 12px;
    border:1px solid rgba(91,193,255,.16);
    border-radius:9px;
    color:#dff3ff;
    background:rgba(41,149,255,.075);
    cursor:pointer;
    font-size:10px;
    font-weight:900;
    transition:.16s ease;
}

.ocr-candidate-button:hover{
    border-color:rgba(91,193,255,.34);
    background:rgba(41,149,255,.14);
    transform:translateY(-1px);
}


/* =========================================================
   v0.3.2 — Batch receipt mode
========================================================= */

.batch-success{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:10px;
    padding:12px 14px;
    border:1px solid rgba(66,216,160,.16);
    border-radius:13px;
    background:rgba(66,216,160,.055);
}

.batch-success-icon{
    width:31px;
    height:31px;
    flex:0 0 31px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#a4f0d1;
    background:rgba(66,216,160,.11);
    font-size:13px;
    font-weight:950;
}

.batch-success strong{
    display:block;
    color:#dff8ed;
    font-size:11px;
}

.batch-success span{
    display:block;
    margin-top:3px;
    color:#79a995;
    font-size:8.5px;
}

.batch-summary{
    display:grid;
    grid-template-columns:1fr 1fr 1.35fr;
    gap:8px;
    margin-bottom:12px;
}

.batch-summary>div{
    padding:11px 12px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:12px;
    background:rgba(255,255,255,.016);
}

.batch-summary span{
    display:block;
    color:#5f788e;
    font-size:8px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.45px;
}

.batch-summary strong{
    display:block;
    margin-top:5px;
    color:#edf7fd;
    font-size:13px;
}

.batch-summary-hint{
    border-color:rgba(91,193,255,.10)!important;
    background:rgba(41,149,255,.025)!important;
}

.batch-summary-hint strong{
    color:#a9ddfb;
    font-size:10px;
}

.receipt-save-actions{
    display:grid;
    grid-template-columns:.82fr 1.35fr;
    gap:9px;
}

.receipt-save-actions .btn{
    width:100%;
}

.receipt-next-button span{
    margin-left:3px;
    transition:transform .16s ease;
}

.receipt-next-button:hover span{
    transform:translateX(3px);
}

.batch-save-help{
    margin:-4px 0 0;
    color:#586f83;
    text-align:right;
    font-size:8px;
    line-height:1.45;
}

.receipt-camera-box.batch-ready{
    border-color:rgba(66,216,160,.42);
    background:
        radial-gradient(circle at 50% 0%,rgba(66,216,160,.09),transparent 12rem),
        rgba(66,216,160,.03);
    box-shadow:0 0 0 5px rgba(66,216,160,.025);
    animation:batchReadyPulse .85s ease-in-out 2;
}

@keyframes batchReadyPulse{
    0%,100%{
        transform:scale(1);
        box-shadow:0 0 0 4px rgba(66,216,160,.018);
    }
    50%{
        transform:scale(1.004);
        box-shadow:0 0 0 8px rgba(66,216,160,.028);
    }
}

@media(max-width:640px){
    .batch-summary{
        grid-template-columns:1fr 1fr;
    }

    .batch-summary-hint{
        grid-column:1/-1;
    }

    .receipt-save-actions{
        grid-template-columns:1fr;
    }

    .receipt-next-button{
        order:-1;
        min-height:58px!important;
    }

    .batch-save-help{
        text-align:left;
    }
}


/* =========================================================
   SYSLY WORK v0.5.0 — SIMPLE WORK UI
   "SysLY. Работата има памет. Нищо не се губи."
========================================================= */

.simple-work-body{
    padding-bottom:82px;
}

.simple-app-header{
    border-bottom-color:rgba(255,255,255,.035);
    background:rgba(6,15,27,.86);
    backdrop-filter:blur(16px);
}

.simple-app-header .brand-sub{
    color:#5c768b;
}

.simple-back-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#7891a5;
    text-decoration:none;
    font-size:9px;
    font-weight:800;
}

.simple-back-link svg{
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.simple-job-shell{
    max-width:1180px;
    padding-top:22px;
    padding-bottom:70px;
}

.simple-flash{
    margin-bottom:12px;
}

/* ---------------------------------------------------------
   Object hero
--------------------------------------------------------- */

.simple-object-hero{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);
    gap:18px;
    align-items:stretch;
    padding:22px;
    overflow:hidden;
    border:1px solid rgba(91,193,255,.085);
    border-radius:20px;
    background:
        radial-gradient(circle at 85% 0%,rgba(41,149,255,.075),transparent 26rem),
        linear-gradient(135deg,rgba(255,255,255,.018),rgba(255,255,255,.005)),
        #081421;
}

.simple-object-hero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.18;
    background-image:
        linear-gradient(rgba(91,193,255,.06) 1px,transparent 1px),
        linear-gradient(90deg,rgba(91,193,255,.06) 1px,transparent 1px);
    background-size:32px 32px;
    mask-image:linear-gradient(90deg,transparent 0%,transparent 42%,black 100%);
}

.simple-object-copy{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:190px;
    padding:8px 10px 8px 4px;
}

.simple-object-kicker{
    display:flex;
    align-items:center;
    gap:7px;
    color:#7792a6;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.72px;
}

.simple-status-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#60778a;
}

.simple-status-dot.live{
    background:#4bd8a6;
    box-shadow:0 0 0 0 rgba(75,216,166,.26);
    animation:simpleStatusPulse 2.2s ease-out infinite;
}

@keyframes simpleStatusPulse{
    0%{box-shadow:0 0 0 0 rgba(75,216,166,.25)}
    70%{box-shadow:0 0 0 7px rgba(75,216,166,0)}
    100%{box-shadow:0 0 0 0 rgba(75,216,166,0)}
}

.simple-object-copy h1{
    max-width:780px;
    margin:9px 0 11px;
    color:#f4f9fc;
    font-size:clamp(32px,5vw,54px);
    line-height:.98;
    letter-spacing:-1.8px;
}

.simple-object-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.simple-object-meta span,
.simple-object-meta a{
    min-height:27px;
    display:inline-flex;
    align-items:center;
    padding:0 9px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:999px;
    color:#7890a3;
    background:rgba(255,255,255,.012);
    text-decoration:none;
    font-size:8px;
    font-weight:750;
}

.simple-workday-card{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:14px;
    min-height:190px;
    padding:17px;
    border:1px solid rgba(91,193,255,.10);
    border-radius:16px;
    background:rgba(4,12,22,.58);
    backdrop-filter:blur(10px);
}

.simple-workday-state>span{
    display:block;
    color:#59758a;
    font-size:7.5px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.65px;
}

.simple-workday-state>strong{
    display:block;
    margin-top:6px;
    color:#eaf7fd;
    font-size:18px;
    line-height:1.1;
}

.simple-workday-state>strong.simple-live-time{
    font-size:34px;
    letter-spacing:-1px;
    font-variant-numeric:tabular-nums;
}

.simple-workday-state>small{
    display:block;
    margin-top:5px;
    color:#5e788b;
    font-size:8px;
    line-height:1.45;
}

.simple-workday-state.complete strong{
    color:#a8e8cf;
}

.simple-main-work-btn{
    width:100%;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid transparent;
    border-radius:12px;
    cursor:pointer;
    font-size:10px;
    font-weight:900;
    transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}

.simple-main-work-btn svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.simple-main-work-btn.start{
    color:#e9f7ff;
    background:linear-gradient(135deg,#1b82dc,#36a9ef);
    box-shadow:0 8px 26px rgba(38,151,229,.15);
}

.simple-main-work-btn.start svg{
    fill:currentColor;
    stroke:none;
}

.simple-main-work-btn.finish{
    color:#dcf8ed;
    border-color:rgba(71,214,164,.18);
    background:rgba(71,214,164,.075);
}

.simple-main-work-btn:hover{
    transform:translateY(-1px);
}

.simple-main-work-btn:active{
    transform:scale(.985);
}

.simple-finished-actions{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.simple-finished-actions form{
    margin:0;
}

.simple-secondary-action{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.06);
    border-radius:9px;
    color:#7894a8;
    background:rgba(255,255,255,.018);
    text-decoration:none;
    cursor:pointer;
    font:inherit;
    font-size:8px;
    font-weight:800;
}

/* ---------------------------------------------------------
   Main four actions
--------------------------------------------------------- */

.simple-actions-section{
    margin-top:15px;
}

.simple-section-heading{
    margin-bottom:9px;
}

.simple-section-heading>span,
.simple-section-heading>div>span{
    display:block;
    color:#4f7189;
    font-size:7px;
    font-weight:950;
    letter-spacing:.78px;
}

.simple-section-heading h2{
    margin:4px 0 0;
    color:#edf7fb;
    font-size:18px;
    letter-spacing:-.35px;
}

.simple-action-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:9px;
}

.simple-action-card{
    position:relative;
    min-height:145px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:12px;
    overflow:hidden;
    padding:15px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:15px;
    color:inherit;
    background:
        linear-gradient(155deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
    text-decoration:none;
    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

.simple-action-card::after{
    content:"";
    position:absolute;
    width:100px;
    height:100px;
    top:-55px;
    right:-45px;
    border-radius:50%;
    opacity:.45;
    filter:blur(28px);
    pointer-events:none;
}

.simple-action-card.receipt::after{background:rgba(52,166,255,.18)}
.simple-action-card.photo::after{background:rgba(69,211,166,.12)}
.simple-action-card.note::after{background:rgba(126,109,255,.13)}
.simple-action-card.measure::after{background:rgba(64,196,226,.13)}

.simple-action-card:hover{
    transform:translateY(-2px);
    border-color:rgba(91,193,255,.14);
    background:
        linear-gradient(155deg,rgba(255,255,255,.032),rgba(255,255,255,.01));
    box-shadow:0 14px 32px rgba(0,0,0,.11);
}

.simple-action-card:active{
    transform:scale(.985);
}

.simple-action-icon{
    position:relative;
    z-index:2;
    width:39px;
    height:39px;
    display:grid;
    place-items:center;
    border:1px solid rgba(91,193,255,.09);
    border-radius:11px;
    color:#76c8f3;
    background:rgba(41,149,255,.045);
}

.simple-action-card.photo .simple-action-icon{
    color:#83dcbf;
    border-color:rgba(69,211,166,.10);
    background:rgba(69,211,166,.04);
}

.simple-action-card.note .simple-action-icon{
    color:#a9a1ff;
    border-color:rgba(126,109,255,.10);
    background:rgba(126,109,255,.04);
}

.simple-action-card.measure .simple-action-icon{
    color:#77d4e9;
}

.simple-action-icon svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.simple-action-copy{
    position:relative;
    z-index:2;
}

.simple-action-copy strong{
    display:block;
    color:#ecf7fc;
    font-size:13px;
}

.simple-action-copy small{
    display:block;
    margin-top:4px;
    color:#617a8f;
    font-size:8px;
    line-height:1.4;
}

.simple-action-arrow{
    position:absolute;
    right:14px;
    bottom:14px;
    color:#4a6e86;
    font-size:13px;
    transition:transform .16s ease,color .16s ease;
}

.simple-action-card:hover .simple-action-arrow{
    color:#79cef6;
    transform:translateX(3px);
}

/* ---------------------------------------------------------
   Brand moment / slogan
--------------------------------------------------------- */

.sysly-memory-moment{
    position:relative;
    min-height:230px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    margin:19px 0;
    padding:34px 18px;
    text-align:center;
}

.sysly-memory-moment::before{
    content:"";
    position:absolute;
    width:min(520px,85vw);
    height:160px;
    border-radius:50%;
    background:radial-gradient(
        ellipse,
        rgba(43,151,236,.08),
        rgba(49,227,208,.025) 42%,
        transparent 72%
    );
    filter:blur(8px);
    pointer-events:none;
}

.memory-decoration{
    position:absolute;
    inset:0;
    pointer-events:none;
}

.memory-decoration span{
    position:absolute;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(79,184,239,.11),
        transparent
    );
}

.memory-decoration span:nth-child(1){
    width:42%;
    top:31%;
    left:4%;
    transform:rotate(-7deg);
}

.memory-decoration span:nth-child(2){
    width:38%;
    right:7%;
    bottom:29%;
    transform:rotate(6deg);
}

.memory-decoration span:nth-child(3){
    width:1px;
    height:68%;
    top:16%;
    left:50%;
    background:linear-gradient(
        transparent,
        rgba(79,184,239,.05),
        transparent
    );
}

.memory-brand{
    position:relative;
    z-index:2;
    margin:0 0 7px;
    color:#55bdf3;
    font-size:11px;
    font-weight:950;
    letter-spacing:.65px;
    opacity:0;
    animation:memoryFade .55s .05s ease forwards;
}

.sysly-memory-moment h2{
    position:relative;
    z-index:2;
    margin:0;
    color:#eef8fd;
    font-size:clamp(27px,4.4vw,46px);
    line-height:1.08;
    letter-spacing:-1.3px;
    opacity:0;
    transform:translateY(5px);
    animation:memoryRise .62s .15s cubic-bezier(.2,.75,.25,1) forwards;
}

.memory-word{
    display:inline-block;
    background:linear-gradient(90deg,#55bdf3,#52dfc3);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    text-shadow:0 0 24px rgba(72,195,228,.08);
    animation:memoryGlow 2.8s .75s ease-in-out 1;
}

.memory-closing{
    position:relative;
    z-index:2;
    margin:9px 0 0;
    color:#658198;
    font-size:10px;
    font-weight:650;
    letter-spacing:.08px;
    opacity:0;
    animation:memoryFade .55s .38s ease forwards;
}

@keyframes memoryFade{
    to{opacity:1}
}

@keyframes memoryRise{
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes memoryGlow{
    0%,100%{filter:drop-shadow(0 0 0 rgba(82,223,195,0))}
    45%{filter:drop-shadow(0 0 9px rgba(82,223,195,.16))}
}

/* ---------------------------------------------------------
   Today
--------------------------------------------------------- */

.simple-today-section{
    scroll-margin-top:80px;
    padding:16px;
    border:1px solid rgba(255,255,255,.05);
    border-radius:16px;
    background:rgba(255,255,255,.01);
}

.today-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
}

.today-live-label{
    display:flex!important;
    align-items:center;
    gap:6px;
    color:#65a88f!important;
    font-size:7px!important;
    letter-spacing:.4px!important;
}

.today-live-label i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#4bd8a6;
    box-shadow:0 0 0 0 rgba(75,216,166,.2);
    animation:simpleStatusPulse 2.2s ease-out infinite;
}

.today-stat-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-top:10px;
}

.today-stat-grid article{
    min-height:76px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:11px;
    background:rgba(255,255,255,.012);
}

.today-stat-icon{
    width:32px;
    height:32px;
    flex:0 0 32px;
    display:grid;
    place-items:center;
    border-radius:9px;
    color:#70c3eb;
    background:rgba(41,149,255,.04);
}

.today-stat-icon svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.today-stat-grid article>div{
    min-width:0;
}

.today-stat-grid article strong{
    display:block;
    color:#edf7fb;
    font-size:15px;
}

.today-stat-grid article span:not(.today-stat-icon){
    color:#5d768a;
    font-size:8px;
}

.today-stat-grid article>b{
    margin-left:auto;
    color:#8fcfb9;
    font-size:10px;
    font-weight:850;
}

.today-memory-line{
    position:relative;
    display:grid;
    gap:0;
    margin-top:13px;
    padding-top:3px;
}

.today-memory-line::before{
    content:"";
    position:absolute;
    top:10px;
    bottom:10px;
    left:51px;
    width:1px;
    background:linear-gradient(
        rgba(75,179,232,.12),
        rgba(75,179,232,.035)
    );
}

.today-memory-item{
    position:relative;
    display:grid;
    grid-template-columns:37px 12px 1fr;
    gap:8px;
    align-items:start;
    min-height:34px;
    padding:6px 0;
}

.today-memory-item time{
    padding-top:1px;
    color:#536e82;
    font-size:7.5px;
    font-variant-numeric:tabular-nums;
}

.today-memory-dot{
    position:relative;
    z-index:2;
    width:8px;
    height:8px;
    margin-top:1px;
    border:2px solid #0b1723;
    border-radius:50%;
    background:#438bb3;
    box-shadow:0 0 0 1px rgba(67,139,179,.25);
}

.today-memory-dot.receipt{background:#4baeed}
.today-memory-dot.photo{background:#55c99f}
.today-memory-dot.note{background:#877ce8}
.today-memory-dot.measure{background:#57bdce}
.today-memory-dot.play{background:#4bd8a6}
.today-memory-dot.check{background:#6ca28d}

.today-memory-item p{
    margin:-2px 0 0;
    color:#8198aa;
    font-size:8.5px;
    line-height:1.45;
}

.today-empty{
    margin-top:11px;
    padding:12px;
    border:1px dashed rgba(255,255,255,.05);
    border-radius:10px;
    color:#526a7d;
    text-align:center;
    font-size:8px;
}

/* ---------------------------------------------------------
   Advanced details
--------------------------------------------------------- */

.simple-more{
    scroll-margin-top:80px;
    margin-top:14px;
    border:1px solid rgba(255,255,255,.05);
    border-radius:15px;
    background:rgba(255,255,255,.008);
}

.simple-more>summary{
    min-height:68px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:13px 15px;
    list-style:none;
    cursor:pointer;
    user-select:none;
}

.simple-more>summary::-webkit-details-marker{
    display:none;
}

.simple-more>summary small{
    display:block;
    color:#4f7188;
    font-size:7px;
    font-weight:950;
    letter-spacing:.7px;
}

.simple-more>summary strong{
    display:block;
    margin-top:4px;
    color:#cfe1ea;
    font-size:11px;
}

.simple-more-arrow{
    color:#557186;
    font-size:16px;
    transition:transform .18s ease;
}

.simple-more[open] .simple-more-arrow{
    transform:rotate(180deg);
}

.simple-more-content{
    padding:0 13px 14px;
    border-top:1px solid rgba(255,255,255,.035);
}

.simple-advanced-summary{
    margin-top:12px!important;
}

.advanced-quick-row{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:10px 0;
}

.advanced-quick-row a{
    min-height:31px;
    display:inline-flex;
    align-items:center;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.05);
    border-radius:8px;
    color:#6eaed0;
    background:rgba(255,255,255,.012);
    text-decoration:none;
    font-size:8px;
    font-weight:800;
}

.simple-danger-zone{
    display:flex;
    justify-content:flex-end;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.035);
}

.simple-delete-job{
    border:0;
    color:#8d5c5c;
    background:transparent;
    cursor:pointer;
    font-size:8px;
    font-weight:800;
}

/* ---------------------------------------------------------
   Bottom navigation
--------------------------------------------------------- */

.simple-bottom-nav{
    display:none;
}

/* ---------------------------------------------------------
   Responsive
--------------------------------------------------------- */

@media(max-width:900px){
    .simple-object-hero{
        grid-template-columns:1fr;
    }

    .simple-object-copy{
        min-height:auto;
        padding:4px 2px;
    }

    .simple-workday-card{
        min-height:0;
    }

    .simple-action-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:640px){
    .simple-work-body{
        padding-bottom:92px;
    }

    .simple-app-header .header-inner{
        min-height:58px;
    }

    .simple-app-header .brand-sub{
        font-size:7px;
    }

    .simple-back-link span{
        display:none;
    }

    .simple-job-shell{
        padding:14px 12px 72px;
    }

    .simple-object-hero{
        gap:12px;
        padding:16px;
        border-radius:16px;
    }

    .simple-object-copy h1{
        margin-top:8px;
        font-size:34px;
        letter-spacing:-1.15px;
    }

    .simple-object-meta{
        gap:5px;
    }

    .simple-object-meta span,
    .simple-object-meta a{
        min-height:25px;
        font-size:7.5px;
    }

    .simple-workday-card{
        padding:14px;
        border-radius:13px;
    }

    .simple-workday-state>strong.simple-live-time{
        font-size:31px;
    }

    .simple-main-work-btn{
        min-height:53px;
        font-size:11px;
    }

    .simple-actions-section{
        margin-top:13px;
    }

    .simple-section-heading h2{
        font-size:17px;
    }

    .simple-action-grid{
        gap:8px;
    }

    .simple-action-card{
        min-height:138px;
        padding:13px;
        border-radius:14px;
    }

    .simple-action-icon{
        width:38px;
        height:38px;
    }

    .simple-action-copy strong{
        font-size:12px;
    }

    .simple-action-copy small{
        max-width:120px;
        font-size:7.5px;
    }

    .sysly-memory-moment{
        min-height:208px;
        margin:10px 0;
        padding:28px 12px;
    }

    .sysly-memory-moment h2{
        max-width:330px;
        font-size:31px;
        letter-spacing:-.85px;
    }

    .memory-closing{
        font-size:9px;
    }

    .today-stat-grid{
        grid-template-columns:1fr;
    }

    .today-stat-grid article{
        min-height:62px;
    }

    .today-memory-line::before{
        left:49px;
    }

    .simple-more{
        margin-top:10px;
    }

    .simple-bottom-nav{
        position:fixed;
        z-index:50;
        left:50%;
        bottom:calc(9px + env(safe-area-inset-bottom));
        width:min(430px,calc(100vw - 18px));
        min-height:58px;
        display:grid;
        grid-template-columns:repeat(3,1fr);
        transform:translateX(-50%);
        overflow:hidden;
        border:1px solid rgba(91,193,255,.10);
        border-radius:17px;
        background:rgba(7,17,30,.93);
        box-shadow:0 16px 45px rgba(0,0,0,.34);
        backdrop-filter:blur(18px);
    }

    .simple-bottom-nav a,
    .simple-bottom-nav button{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        border:0;
        color:#5f788c;
        background:transparent;
        text-decoration:none;
        cursor:pointer;
        font:inherit;
        font-size:7px;
        font-weight:850;
    }

    .simple-bottom-nav a.active{
        color:#6cc8f4;
        background:rgba(41,149,255,.035);
    }

    .simple-bottom-nav svg{
        width:18px;
        height:18px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.65;
        stroke-linecap:round;
        stroke-linejoin:round;
    }
}

@media(prefers-reduced-motion:reduce){
    .simple-status-dot.live,
    .today-live-label i,
    .memory-brand,
    .sysly-memory-moment h2,
    .memory-closing,
    .memory-word{
        animation:none!important;
        opacity:1!important;
        transform:none!important;
        filter:none!important;
    }

    .simple-action-card,
    .simple-main-work-btn,
    .simple-action-arrow,
    .simple-more-arrow{
        transition:none!important;
    }
}


/* =========================================================
   SYSLY WORK v0.6.0 — NEON DASHBOARD
   Correct Work dashboard implementation
========================================================= */

.nw-dashboard-body{
    min-height:100vh;
    margin:0;
    padding:0 0 78px;
    color:#ecf8ff;
    background:
        radial-gradient(circle at 48% -20%,rgba(18,116,198,.16),transparent 35rem),
        radial-gradient(circle at 93% 18%,rgba(0,188,255,.055),transparent 22rem),
        #040d17;
}

.nw-dashboard-body::before{
    content:"";
    position:fixed;
    z-index:-1;
    inset:0;
    pointer-events:none;
    opacity:.2;
    background-image:
        linear-gradient(rgba(69,171,230,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(69,171,230,.025) 1px,transparent 1px);
    background-size:40px 40px;
    mask-image:linear-gradient(to bottom,black,transparent 75%);
}

.nw-topbar{
    position:sticky;
    z-index:60;
    top:0;
    border-bottom:1px solid rgba(58,174,239,.13);
    background:rgba(3,12,22,.90);
    backdrop-filter:blur(18px);
}

.nw-topbar-inner{
    width:min(1480px,calc(100% - 36px));
    min-height:72px;
    display:flex;
    align-items:center;
    gap:26px;
    margin:0 auto;
}

.nw-brand{
    min-width:198px;
    display:flex;
    align-items:center;
    gap:10px;
    color:white;
    text-decoration:none;
}

.nw-brand-symbol{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:0 0 42px;
}

.nw-brand-symbol svg{
    width:42px;
    height:42px;
    overflow:visible;
}

.nw-brand-copy strong{
    display:block;
    color:#f4fbff;
    font-size:21px;
    line-height:1;
    letter-spacing:-.7px;
}

.nw-brand-copy strong span{
    color:#38c4ff;
}

.nw-brand-copy small{
    display:block;
    margin-top:4px;
    color:#24bdf4;
    font-size:6.5px;
    font-weight:900;
    letter-spacing:5px;
}

.nw-nav{
    display:flex;
    align-items:center;
    gap:6px;
    margin-right:auto;
}

.nw-nav a{
    min-height:39px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 12px;
    border:1px solid transparent;
    border-radius:10px;
    color:#8399aa;
    text-decoration:none;
    font-size:8.5px;
    font-weight:800;
    transition:.16s ease;
}

.nw-nav a svg{
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.65;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.nw-nav a:hover,
.nw-nav a.active{
    color:#caeeff;
    border-color:rgba(48,178,244,.12);
    background:rgba(26,139,211,.08);
}

.nw-nav a.active{
    color:#64ccff;
    box-shadow:inset 0 0 22px rgba(22,145,230,.045);
}

.nw-user{
    display:flex;
    align-items:center;
    gap:10px;
}

.nw-avatar{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(54,174,244,.18);
    border-radius:50%;
    color:#e8f7ff;
    background:
        radial-gradient(circle at 35% 25%,rgba(70,199,255,.17),transparent 55%),
        rgba(19,72,125,.5);
    font-size:9px;
    font-weight:950;
}

.nw-user-copy{
    max-width:145px;
}

.nw-user-copy strong{
    display:block;
    overflow:hidden;
    color:#d9e8f0;
    font-size:8.5px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.nw-user-copy span{
    display:block;
    margin-top:2px;
    color:#4f697e;
    font-size:7px;
}

.nw-logout{
    min-height:32px;
    display:inline-flex;
    align-items:center;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:9px;
    color:#688096;
    background:rgba(255,255,255,.012);
    text-decoration:none;
    font-size:7.5px;
    font-weight:800;
}

.nw-shell{
    width:min(1480px,calc(100% - 36px));
    margin:0 auto;
    padding:20px 0 34px;
}

.nw-flash{
    margin-bottom:12px;
}

/* Hero */
.nw-hero{
    position:relative;
    min-height:430px;
    display:grid;
    grid-template-columns:minmax(360px,.82fr) minmax(390px,1fr) minmax(220px,.52fr);
    gap:18px;
    overflow:hidden;
    padding:28px;
    border:1px solid rgba(38,168,241,.16);
    border-radius:22px;
    background:
        radial-gradient(circle at 43% 45%,rgba(13,115,204,.12),transparent 30%),
        radial-gradient(circle at 78% 25%,rgba(0,190,255,.06),transparent 24%),
        linear-gradient(135deg,rgba(8,35,59,.75),rgba(3,13,24,.95));
    box-shadow:
        0 22px 70px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.025);
}

.nw-hero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(110deg,transparent 0 34%,rgba(36,156,232,.035) 34.2%,transparent 34.4%),
        radial-gradient(circle at 85% 80%,rgba(18,131,213,.08),transparent 18rem);
}

.nw-hero-copy{
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
}

.nw-overline{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
    color:#52c6ff;
    font-size:7.5px;
    font-weight:950;
    letter-spacing:4px;
}

.nw-overline span{
    width:22px;
    height:1px;
    background:#27c3ff;
    box-shadow:0 0 8px rgba(39,195,255,.5);
}

.nw-hero-copy h1{
    display:flex;
    align-items:flex-end;
    gap:7px;
    margin:0;
    color:#f4fbff;
    font-size:clamp(58px,6vw,95px);
    line-height:.8;
    letter-spacing:-5px;
    text-shadow:0 4px 24px rgba(195,235,255,.09);
}

.nw-hero-copy h1>span{
    color:#28bfff;
    background:linear-gradient(180deg,#73ddff,#0e9cff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.nw-hero-copy h1 small{
    margin:0 0 8px 4px;
    color:#1fc4ff;
    font-size:9px;
    font-weight:950;
    letter-spacing:6px;
}

.nw-hero-copy h2{
    margin:26px 0 0;
    color:#edf8ff;
    font-size:clamp(28px,3.1vw,46px);
    line-height:1.05;
    letter-spacing:-1.2px;
}

.nw-hero-copy h2 span{
    background:linear-gradient(90deg,#36c4ff,#5ce8d1);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    filter:drop-shadow(0 0 9px rgba(53,190,255,.10));
}

.nw-hero-copy>p{
    max-width:520px;
    margin:10px 0 0;
    color:#6d8ca3;
    font-size:10px;
    line-height:1.6;
}

.nw-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:20px;
}

.nw-btn{
    min-height:45px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 15px;
    border:1px solid transparent;
    border-radius:11px;
    color:white;
    text-decoration:none;
    font-size:9px;
    font-weight:900;
    transition:.16s ease;
}

.nw-btn.primary{
    border-color:#2bc8ff;
    background:linear-gradient(135deg,#1583e8,#15bcff);
    box-shadow:
        0 8px 30px rgba(11,150,236,.22),
        inset 0 1px 0 rgba(255,255,255,.22);
}

.nw-btn.secondary{
    border-color:rgba(74,174,237,.16);
    color:#c7e4f3;
    background:rgba(9,44,72,.36);
}

.nw-btn:hover{
    transform:translateY(-1px);
}

.nw-btn:active{
    transform:scale(.985);
}

.nw-btn .play{
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    border:1px solid rgba(91,202,255,.4);
    border-radius:50%;
    color:#61d2ff;
    font-size:6px;
}

.nw-btn.small{
    min-height:36px;
    padding:0 12px;
    font-size:8px;
}

.nw-hero-foot{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:18px;
}

.nw-hero-foot strong{
    color:#50768f;
    font-size:8px;
    font-weight:850;
}

.nw-hero-foot>span{
    display:flex;
    align-items:center;
    gap:5px;
    color:#65a88f;
    font-size:7.5px;
}

.nw-hero-foot i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#4bd6a6;
    box-shadow:0 0 0 0 rgba(75,214,166,.25);
    animation:nwLivePulse 2.1s ease-out infinite;
}

/* Scene */
.nw-hero-scene{
    --scene-x:0px;
    --scene-y:0px;
    position:relative;
    min-height:360px;
    transform:translate(var(--scene-x),var(--scene-y));
    transition:transform .12s ease-out;
}

.nw-scene-logo{
    position:absolute;
    z-index:4;
    top:50%;
    left:44%;
    display:flex;
    flex-direction:column;
    align-items:center;
    transform:translate(-50%,-56%);
    filter:drop-shadow(0 14px 42px rgba(0,131,255,.20));
    animation:nwFloat 5.6s ease-in-out infinite;
}

.nw-scene-logo svg{
    width:145px;
    height:145px;
}

.nw-scene-logo>strong{
    margin-top:-12px;
    color:#eef9ff;
    font-size:36px;
    line-height:1;
    letter-spacing:-1.5px;
}

.nw-scene-logo>strong span{
    color:#39c9ff;
}

.nw-scene-logo>small{
    margin-top:5px;
    color:#22bafa;
    font-size:7px;
    font-weight:950;
    letter-spacing:7px;
}

.nw-orbit{
    position:absolute;
    z-index:2;
    top:50%;
    left:44%;
    border:1px solid rgba(31,183,255,.22);
    border-radius:50%;
    transform:translate(-50%,-50%) rotate(-18deg);
    box-shadow:0 0 22px rgba(22,163,247,.045);
}

.nw-orbit::before,
.nw-orbit::after{
    content:"";
    position:absolute;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#60dcff;
    box-shadow:0 0 10px rgba(42,194,255,.9);
}

.orbit-one{
    width:320px;
    height:105px;
    animation:nwOrbitOne 11s linear infinite;
}

.orbit-one::before{left:14%;top:7%}
.orbit-one::after{right:15%;bottom:7%}

.orbit-two{
    width:260px;
    height:160px;
    opacity:.65;
    transform:translate(-50%,-50%) rotate(24deg);
    animation:nwOrbitTwo 15s linear infinite reverse;
}

.orbit-two::before{left:6%;top:43%}
.orbit-two::after{right:11%;top:18%}

.orbit-three{
    width:190px;
    height:190px;
    opacity:.25;
    transform:translate(-50%,-50%);
    animation:nwOrbitThree 18s linear infinite;
}

.nw-particles i{
    position:absolute;
    z-index:1;
    width:3px;
    height:3px;
    border-radius:50%;
    background:#39cfff;
    box-shadow:0 0 9px rgba(57,207,255,.95);
    animation:nwParticle 4s ease-in-out infinite;
}

.nw-particles i:nth-child(1){left:11%;top:28%;animation-delay:.2s}
.nw-particles i:nth-child(2){left:24%;top:16%;animation-delay:1.1s}
.nw-particles i:nth-child(3){right:19%;top:24%;animation-delay:.6s}
.nw-particles i:nth-child(4){right:10%;top:45%;animation-delay:1.8s}
.nw-particles i:nth-child(5){left:14%;bottom:19%;animation-delay:2.1s}
.nw-particles i:nth-child(6){left:43%;bottom:8%;animation-delay:1.4s}
.nw-particles i:nth-child(7){right:27%;bottom:17%;animation-delay:.9s}
.nw-particles i:nth-child(8){left:64%;top:9%;animation-delay:2.7s}

.nw-laptop{
    position:absolute;
    z-index:3;
    right:-2%;
    bottom:1%;
    width:250px;
    height:155px;
    transform:perspective(700px) rotateY(-18deg) rotateX(7deg) rotateZ(-1deg);
    filter:drop-shadow(0 22px 35px rgba(0,0,0,.42));
    animation:nwLaptopFloat 6.2s ease-in-out infinite;
}

.nw-laptop-screen{
    position:absolute;
    left:18px;
    top:0;
    width:205px;
    height:120px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:2px solid rgba(76,196,255,.48);
    border-radius:9px 9px 5px 5px;
    background:
        radial-gradient(circle at 50% 50%,rgba(29,145,225,.15),transparent 35%),
        linear-gradient(145deg,#05111d,#071c31);
    box-shadow:
        inset 0 0 36px rgba(25,137,214,.12),
        0 0 16px rgba(24,168,255,.14);
}

.nw-laptop-screen::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent 20%,rgba(103,220,255,.06),transparent 45%);
    animation:nwScreenSweep 4.5s linear infinite;
}

.nw-laptop-logo{
    width:56px;
    height:56px;
    filter:drop-shadow(0 0 12px rgba(36,184,255,.35));
}

.nw-laptop-logo svg{
    width:100%;
    height:100%;
}

.nw-laptop-base{
    position:absolute;
    left:0;
    bottom:13px;
    width:250px;
    height:22px;
    border-radius:2px 2px 12px 12px;
    background:linear-gradient(180deg,#12304b,#07111c 60%);
    box-shadow:0 5px 13px rgba(0,0,0,.5);
    transform:skewX(-8deg);
}

.nw-laptop-base::after{
    content:"";
    position:absolute;
    left:50%;
    top:4px;
    width:50px;
    height:5px;
    border-radius:5px;
    background:rgba(40,109,157,.22);
    transform:translateX(-50%);
}

.nw-hero-side{
    position:relative;
    z-index:4;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:10px;
}

.nw-side-card{
    padding:13px;
    border:1px solid rgba(42,158,226,.12);
    border-radius:12px;
    background:rgba(4,18,32,.62);
    backdrop-filter:blur(10px);
}

.nw-side-card>span{
    display:block;
    color:#4c8dad;
    font-size:6.8px;
    font-weight:950;
    letter-spacing:.8px;
}

.nw-side-card>strong{
    display:block;
    margin-top:5px;
    color:#dcecf5;
    font-size:9px;
    line-height:1.35;
}

.nw-side-card>small{
    display:block;
    margin-top:4px;
    color:#557085;
    font-size:7.2px;
    line-height:1.45;
}

.nw-mini-progress{
    height:4px;
    margin-top:10px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.04);
}

.nw-mini-progress i{
    height:100%;
    display:block;
    border-radius:inherit;
    background:linear-gradient(90deg,#168df2,#53e1ca);
}

.nw-platforms{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin-top:4px;
}

.nw-platforms>div{
    display:flex;
    align-items:center;
    gap:8px;
    padding:9px;
    border:1px solid rgba(41,156,223,.08);
    border-radius:10px;
    background:rgba(3,15,27,.42);
}

.nw-platforms svg{
    width:20px;
    height:20px;
    flex:0 0 20px;
    fill:none;
    stroke:#31bfff;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.nw-platforms strong{
    display:block;
    color:#bcd5e2;
    font-size:7.5px;
}

.nw-platforms small{
    display:block;
    margin-top:1px;
    color:#456279;
    font-size:6.5px;
}

/* KPI */
.nw-kpi-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:9px;
    margin-top:10px;
}

.nw-kpi-grid article{
    position:relative;
    min-height:96px;
    display:grid;
    grid-template-columns:52px 1fr auto;
    gap:11px;
    align-items:center;
    overflow:hidden;
    padding:12px;
    border:1px solid rgba(40,155,222,.10);
    border-radius:13px;
    background:
        radial-gradient(circle at 95% 15%,rgba(29,151,229,.055),transparent 8rem),
        rgba(7,24,39,.78);
}

.nw-kpi-icon{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:1px solid rgba(35,180,250,.18);
    border-radius:11px;
    color:#30c5ff;
    background:rgba(13,106,167,.10);
    box-shadow:inset 0 0 20px rgba(22,150,226,.04);
}

.nw-kpi-icon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.nw-kpi-grid small{
    display:block;
    color:#688399;
    font-size:7.2px;
}

.nw-kpi-grid strong{
    display:block;
    margin-top:4px;
    color:#f0f8fc;
    font-size:18px;
}

.nw-kpi-grid article>div>span{
    display:block;
    margin-top:2px;
    color:#4e6a80;
    font-size:6.8px;
}

.nw-sparkline{
    width:55px;
    height:28px;
    display:flex;
    align-items:flex-end;
    gap:3px;
    transform:skewY(-20deg);
}

.nw-sparkline i{
    width:7px;
    border-top:2px solid #29c4ff;
    box-shadow:0 -2px 7px rgba(41,196,255,.25);
}

.nw-sparkline i:nth-child(1){height:7px}
.nw-sparkline i:nth-child(2){height:12px}
.nw-sparkline i:nth-child(3){height:10px}
.nw-sparkline i:nth-child(4){height:18px}
.nw-sparkline i:nth-child(5){height:22px}

/* Lower dashboard */
.nw-dashboard-grid{
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(320px,.85fr) minmax(250px,.55fr);
    gap:10px;
    margin-top:10px;
}

.nw-panel{
    padding:15px;
    border:1px solid rgba(43,156,224,.10);
    border-radius:14px;
    background:
        linear-gradient(180deg,rgba(7,27,45,.88),rgba(5,20,34,.88));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
}

.nw-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}

.nw-panel-head span{
    display:block;
    color:#36b8f5;
    font-size:6.7px;
    font-weight:950;
    letter-spacing:.7px;
}

.nw-panel-head h2{
    margin:4px 0 0;
    color:#eaf5fa;
    font-size:14px;
}

.nw-panel-head a{
    color:#37bcfa;
    text-decoration:none;
    font-size:7.5px;
    font-weight:850;
}

.nw-project-list{
    display:grid;
    gap:6px;
}

.nw-project-row{
    min-height:63px;
    display:grid;
    grid-template-columns:39px minmax(150px,1fr) auto 76px 90px 18px;
    gap:9px;
    align-items:center;
    padding:8px 9px;
    border:1px solid rgba(255,255,255,.035);
    border-radius:10px;
    color:inherit;
    background:rgba(255,255,255,.008);
    text-decoration:none;
    transition:.15s ease;
}

.nw-project-row:hover{
    border-color:rgba(42,183,249,.13);
    background:rgba(17,94,144,.055);
    transform:translateX(2px);
}

.nw-project-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:9px;
    color:#38c6ff;
    background:rgba(28,147,216,.08);
}

.nw-project-icon svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.nw-project-main{
    min-width:0;
}

.nw-project-main strong{
    display:block;
    overflow:hidden;
    color:#dfeef5;
    font-size:8.8px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.nw-project-main small{
    display:block;
    overflow:hidden;
    margin-top:3px;
    color:#526e82;
    font-size:6.9px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.nw-project-status{
    min-height:24px;
    display:inline-flex;
    align-items:center;
    padding:0 8px;
    border:1px solid rgba(66,216,160,.12);
    border-radius:999px;
    color:#75dcb8;
    background:rgba(66,216,160,.045);
    font-size:6.8px;
    font-weight:850;
}

.nw-project-status.paused{
    color:#9aacc0;
    border-color:rgba(139,162,188,.10);
    background:rgba(139,162,188,.035);
}

.nw-project-metric small{
    display:block;
    color:#4d687c;
    font-size:6.4px;
}

.nw-project-metric strong{
    display:block;
    margin-top:2px;
    color:#c8dbe5;
    font-size:8px;
}

.nw-project-arrow{
    color:#32bdf7;
    font-size:11px;
}

.nw-activity-list{
    display:grid;
}

.nw-activity-item{
    position:relative;
    min-height:53px;
    display:grid;
    grid-template-columns:13px 36px 1fr;
    gap:8px;
    align-items:center;
    padding:5px 0;
}

.nw-activity-line{
    position:absolute;
    left:5px;
    top:0;
    bottom:0;
    width:1px;
    background:rgba(38,176,242,.14);
}

.nw-activity-item:first-child .nw-activity-line{top:50%}
.nw-activity-item:last-child .nw-activity-line{bottom:50%}

.nw-activity-dot{
    position:relative;
    z-index:2;
    width:9px;
    height:9px;
    display:block;
    border:2px solid #071a2a;
    border-radius:50%;
    background:#29bdf9;
    box-shadow:0 0 8px rgba(41,189,249,.25);
}

.nw-activity-icon{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border:1px solid rgba(39,175,242,.10);
    border-radius:9px;
    color:#43c5ff;
    background:rgba(22,126,188,.055);
}

.nw-activity-icon svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.55;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.nw-activity-copy strong{
    display:block;
    color:#c8d9e2;
    font-size:7.8px;
    line-height:1.35;
}

.nw-activity-copy small{
    display:block;
    margin-top:2px;
    color:#466277;
    font-size:6.5px;
}

.nw-actions-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
}

.nw-actions-grid a{
    min-height:76px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid rgba(42,169,236,.10);
    border-radius:10px;
    color:#43c6ff;
    background:rgba(12,73,112,.055);
    text-decoration:none;
    transition:.15s ease;
}

.nw-actions-grid a:hover{
    border-color:rgba(49,194,255,.22);
    background:rgba(22,105,160,.10);
    transform:translateY(-1px);
}

.nw-actions-grid a>span:first-child{
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#178fe9;
    color:white;
    box-shadow:0 0 16px rgba(25,157,244,.30);
    font-size:15px;
}

.nw-actions-grid svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.nw-actions-grid strong{
    color:#cbe1eb;
    font-size:7.5px;
}

.nw-smart-card{
    min-height:64px;
    display:grid;
    grid-template-columns:31px 1fr auto;
    gap:9px;
    align-items:center;
    margin-top:8px;
    padding:9px;
    overflow:hidden;
    border:1px solid rgba(39,187,250,.18);
    border-radius:10px;
    background:
        radial-gradient(circle at 92% 50%,rgba(43,156,255,.16),transparent 45%),
        rgba(9,59,96,.16);
}

.nw-smart-card .bolt{
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    border-radius:9px;
    color:#2dc7ff;
    background:rgba(28,143,218,.10);
    font-size:18px;
}

.nw-smart-card strong{
    display:block;
    color:#dcecf4;
    font-size:8px;
}

.nw-smart-card small{
    display:block;
    margin-top:2px;
    color:#526f84;
    font-size:6.5px;
}

.nw-smart-card>span:last-child{
    color:#41c4fb;
}

.nw-empty{
    min-height:210px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:20px;
    text-align:center;
}

.nw-empty>span{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid rgba(44,185,248,.12);
    border-radius:12px;
    color:#42c8ff;
    background:rgba(18,112,171,.06);
    font-size:21px;
}

.nw-empty strong{
    margin-top:9px;
    color:#cadde6;
    font-size:9px;
}

.nw-empty p{
    max-width:280px;
    margin:5px 0 12px;
    color:#4e6c82;
    font-size:7.5px;
    line-height:1.5;
}

.nw-empty.compact{
    min-height:140px;
}

.nw-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:14px;
    padding:10px 3px 0;
    border-top:1px solid rgba(35,160,225,.08);
    color:#416178;
}

.nw-footer>div{
    display:flex;
    align-items:center;
    gap:7px;
}

.nw-footer-logo{
    width:24px;
    height:24px;
}

.nw-footer-logo svg{
    width:100%;
    height:100%;
}

.nw-footer strong{
    color:#7c9caf;
    font-size:8px;
}

.nw-footer strong span{
    color:#32bcf8;
}

.nw-footer small,
.nw-footer>span{
    color:#36586f;
    font-size:6.7px;
}

.nw-mobile-nav{
    display:none;
}

/* Motion */
.nw-reveal{
    animation:nwReveal .55s cubic-bezier(.2,.75,.25,1) both;
}

.nw-reveal.delay-1{animation-delay:.06s}
.nw-reveal.delay-2{animation-delay:.12s}
.nw-reveal.delay-3{animation-delay:.18s}
.nw-reveal.delay-4{animation-delay:.24s}

@keyframes nwReveal{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:translateY(0)}
}

@keyframes nwFloat{
    0%,100%{transform:translate(-50%,-56%) translateY(0)}
    50%{transform:translate(-50%,-56%) translateY(-7px)}
}

@keyframes nwLaptopFloat{
    0%,100%{transform:perspective(700px) rotateY(-18deg) rotateX(7deg) rotateZ(-1deg) translateY(0)}
    50%{transform:perspective(700px) rotateY(-18deg) rotateX(7deg) rotateZ(-1deg) translateY(-6px)}
}

@keyframes nwOrbitOne{
    from{transform:translate(-50%,-50%) rotate(-18deg)}
    to{transform:translate(-50%,-50%) rotate(342deg)}
}

@keyframes nwOrbitTwo{
    from{transform:translate(-50%,-50%) rotate(24deg)}
    to{transform:translate(-50%,-50%) rotate(384deg)}
}

@keyframes nwOrbitThree{
    from{transform:translate(-50%,-50%) rotate(0)}
    to{transform:translate(-50%,-50%) rotate(360deg)}
}

@keyframes nwParticle{
    0%,100%{opacity:.25;transform:scale(.8)}
    50%{opacity:1;transform:scale(1.25)}
}

@keyframes nwScreenSweep{
    from{transform:translateX(-130%)}
    to{transform:translateX(140%)}
}

@keyframes nwLivePulse{
    0%{box-shadow:0 0 0 0 rgba(75,214,166,.22)}
    70%{box-shadow:0 0 0 7px rgba(75,214,166,0)}
    100%{box-shadow:0 0 0 0 rgba(75,214,166,0)}
}

/* Responsive */
@media(max-width:1180px){
    .nw-topbar-inner,
    .nw-shell{
        width:min(100% - 24px,1180px);
    }

    .nw-hero{
        grid-template-columns:minmax(330px,.8fr) minmax(340px,1fr);
    }

    .nw-hero-side{
        grid-column:1/-1;
        display:grid;
        grid-template-columns:1fr 1fr 1.2fr;
    }

    .nw-platforms{
        margin:0;
    }

    .nw-dashboard-grid{
        grid-template-columns:1.3fr .8fr;
    }

    .nw-actions{
        grid-column:1/-1;
    }

    .nw-actions-grid{
        grid-template-columns:repeat(4,1fr);
    }
}

@media(max-width:900px){
    .nw-user-copy,
    .nw-logout{
        display:none;
    }

    .nw-brand{
        min-width:auto;
    }

    .nw-nav{
        margin-left:auto;
    }

    .nw-hero{
        grid-template-columns:1fr;
        min-height:0;
    }

    .nw-hero-scene{
        min-height:310px;
    }

    .nw-hero-side{
        grid-template-columns:1fr 1fr;
    }

    .nw-platforms{
        grid-column:1/-1;
    }

    .nw-kpi-grid{
        grid-template-columns:1fr 1fr;
    }

    .nw-dashboard-grid{
        grid-template-columns:1fr;
    }

    .nw-actions{
        grid-column:auto;
    }

    .nw-actions-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:640px){
    .nw-dashboard-body{
        padding-bottom:86px;
    }

    .nw-topbar-inner{
        width:calc(100% - 20px);
        min-height:61px;
        gap:10px;
    }

    .nw-brand-symbol{
        width:35px;
        height:35px;
        flex-basis:35px;
    }

    .nw-brand-symbol svg{
        width:35px;
        height:35px;
    }

    .nw-brand-copy strong{
        font-size:17px;
    }

    .nw-brand-copy small{
        font-size:5.5px;
        letter-spacing:4px;
    }

    .nw-nav{
        display:none;
    }

    .nw-avatar{
        width:34px;
        height:34px;
        font-size:8px;
    }

    .nw-shell{
        width:calc(100% - 20px);
        padding-top:12px;
    }

    .nw-hero{
        gap:8px;
        padding:17px;
        border-radius:17px;
    }

    .nw-overline{
        margin-bottom:12px;
        font-size:6.6px;
        letter-spacing:2.5px;
    }

    .nw-hero-copy h1{
        font-size:59px;
        letter-spacing:-3.2px;
    }

    .nw-hero-copy h1 small{
        margin-bottom:5px;
        font-size:6.5px;
        letter-spacing:4px;
    }

    .nw-hero-copy h2{
        margin-top:21px;
        font-size:28px;
    }

    .nw-hero-copy>p{
        font-size:8.5px;
    }

    .nw-hero-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .nw-btn{
        min-height:49px;
    }

    .nw-hero-scene{
        min-height:280px;
        overflow:hidden;
    }

    .nw-scene-logo{
        left:40%;
    }

    .nw-scene-logo svg{
        width:115px;
        height:115px;
    }

    .nw-scene-logo>strong{
        font-size:29px;
    }

    .orbit-one{
        width:260px;
    }

    .orbit-two{
        width:215px;
    }

    .nw-laptop{
        right:-50px;
        width:205px;
        height:130px;
    }

    .nw-laptop-screen{
        width:169px;
        height:99px;
    }

    .nw-laptop-base{
        width:205px;
        bottom:15px;
    }

    .nw-hero-side{
        grid-template-columns:1fr;
    }

    .nw-platforms{
        grid-column:auto;
    }

    .nw-kpi-grid{
        grid-template-columns:1fr 1fr;
        gap:7px;
    }

    .nw-kpi-grid article{
        min-height:100px;
        grid-template-columns:41px 1fr;
        gap:8px;
        padding:10px;
    }

    .nw-kpi-icon{
        width:39px;
        height:39px;
    }

    .nw-kpi-icon svg{
        width:20px;
        height:20px;
    }

    .nw-kpi-grid strong{
        font-size:15px;
    }

    .nw-sparkline{
        display:none;
    }

    .nw-project-row{
        grid-template-columns:35px 1fr 18px;
        min-height:62px;
    }

    .nw-project-status,
    .nw-project-metric{
        display:none;
    }

    .nw-panel{
        padding:12px;
    }

    .nw-actions-grid{
        grid-template-columns:1fr 1fr;
    }

    .nw-footer{
        display:none;
    }

    .nw-mobile-nav{
        position:fixed;
        z-index:70;
        left:50%;
        bottom:calc(9px + env(safe-area-inset-bottom));
        width:calc(100% - 18px);
        min-height:59px;
        display:grid;
        grid-template-columns:repeat(3,1fr);
        transform:translateX(-50%);
        overflow:hidden;
        border:1px solid rgba(46,177,244,.15);
        border-radius:17px;
        background:rgba(3,14,24,.94);
        box-shadow:0 16px 45px rgba(0,0,0,.38);
        backdrop-filter:blur(18px);
    }

    .nw-mobile-nav a{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:3px;
        color:#58758b;
        text-decoration:none;
        font-size:6.7px;
        font-weight:850;
    }

    .nw-mobile-nav a.active{
        color:#54caff;
        background:rgba(22,122,185,.055);
    }

    .nw-mobile-nav svg{
        width:18px;
        height:18px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.6;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    .nw-mobile-nav .plus{
        width:22px;
        height:22px;
        display:grid;
        place-items:center;
        border-radius:50%;
        color:white;
        background:#158eea;
        box-shadow:0 0 12px rgba(21,142,234,.32);
        font-size:15px;
    }
}

@media(prefers-reduced-motion:reduce){
    .nw-reveal,
    .nw-scene-logo,
    .nw-laptop,
    .nw-orbit,
    .nw-particles i,
    .nw-laptop-screen::before,
    .nw-hero-foot i{
        animation:none!important;
    }

    .nw-hero-scene{
        transform:none!important;
        transition:none!important;
    }

    .nw-project-row,
    .nw-actions-grid a,
    .nw-btn{
        transition:none!important;
    }
}


/* =========================================================
   SYSLY WORK v0.6.1 — TYPOGRAPHY BOOST
   Larger, more readable desktop dashboard text
========================================================= */

/* Top navigation / account */
.nw-nav a{
    font-size:10px !important;
}

.nw-user-copy strong{
    font-size:10px !important;
}

.nw-user-copy span{
    font-size:8px !important;
}

.nw-logout{
    font-size:8.5px !important;
}

/* Hero copy */
.nw-overline{
    font-size:8.5px !important;
}

.nw-hero-copy>p{
    font-size:12px !important;
    line-height:1.55 !important;
    max-width:560px;
}

.nw-btn{
    font-size:10.5px !important;
}

.nw-hero-foot strong,
.nw-hero-foot>span{
    font-size:9px !important;
}

/* Trial / quick start / platforms */
.nw-side-card>span{
    font-size:8px !important;
}

.nw-side-card>strong{
    font-size:11px !important;
}

.nw-side-card>small{
    font-size:8.5px !important;
}

.nw-platforms strong{
    font-size:9px !important;
}

.nw-platforms small{
    font-size:7.5px !important;
}

/* KPI cards */
.nw-kpi-grid small{
    font-size:8.5px !important;
}

.nw-kpi-grid strong{
    font-size:21px !important;
}

.nw-kpi-grid article>div>span{
    font-size:8px !important;
}

/* Panel headings */
.nw-panel-head span{
    font-size:8px !important;
}

.nw-panel-head h2{
    font-size:17px !important;
}

.nw-panel-head a{
    font-size:9px !important;
}

/* Projects */
.nw-project-main strong{
    font-size:10.5px !important;
}

.nw-project-main small{
    font-size:8px !important;
}

.nw-project-status{
    font-size:8px !important;
}

.nw-project-metric small{
    font-size:7.5px !important;
}

.nw-project-metric strong{
    font-size:9.5px !important;
}

/* Activity */
.nw-activity-copy strong{
    font-size:9.5px !important;
    line-height:1.4 !important;
}

.nw-activity-copy small{
    font-size:7.5px !important;
}

/* Quick actions */
.nw-actions-grid strong{
    font-size:9px !important;
}

.nw-smart-card strong{
    font-size:9.5px !important;
}

.nw-smart-card small{
    font-size:7.5px !important;
}

/* Empty states / footer */
.nw-empty strong{
    font-size:10.5px !important;
}

.nw-empty p{
    font-size:8.5px !important;
}

.nw-footer strong{
    font-size:9px !important;
}

.nw-footer small,
.nw-footer>span{
    font-size:7.5px !important;
}

/* Slightly more breathing room because the text is larger */
.nw-kpi-grid article{
    min-height:108px;
}

.nw-project-row{
    min-height:70px;
}

.nw-activity-item{
    min-height:59px;
}

.nw-actions-grid a{
    min-height:84px;
}

/* Mobile stays compact but readable */
@media(max-width:640px){
    .nw-hero-copy>p{
        font-size:9.5px !important;
    }

    .nw-side-card>strong{
        font-size:10px !important;
    }

    .nw-side-card>small{
        font-size:8px !important;
    }

    .nw-kpi-grid small{
        font-size:7.8px !important;
    }

    .nw-kpi-grid strong{
        font-size:17px !important;
    }

    .nw-panel-head h2{
        font-size:15px !important;
    }

    .nw-project-main strong{
        font-size:9.5px !important;
    }

    .nw-project-main small{
        font-size:7.5px !important;
    }

    .nw-activity-copy strong{
        font-size:8.7px !important;
    }

    .nw-activity-copy small{
        font-size:7px !important;
    }

    .nw-actions-grid strong{
        font-size:8.5px !important;
    }
}


/* =========================================================
   SYSLY WORK v0.6.2 — READABILITY OVERHAUL
   Stronger desktop sizing based on real 1720px screenshot.
========================================================= */

/* Header */
.nw-topbar-inner{
    min-height:78px !important;
}

.nw-nav a{
    min-height:44px !important;
    padding:0 14px !important;
    font-size:12px !important;
}

.nw-nav a svg{
    width:18px !important;
    height:18px !important;
}

.nw-user-copy strong{
    font-size:12px !important;
}

.nw-user-copy span{
    font-size:9.5px !important;
}

.nw-logout{
    min-height:36px !important;
    font-size:10px !important;
}

/* Hero supporting text */
.nw-overline{
    font-size:10px !important;
}

.nw-hero-copy>p{
    max-width:620px !important;
    font-size:13px !important;
    line-height:1.6 !important;
}

.nw-btn{
    min-height:50px !important;
    padding:0 18px !important;
    font-size:12px !important;
}

.nw-hero-foot strong,
.nw-hero-foot>span{
    font-size:10px !important;
}

/* Right hero cards */
.nw-side-card{
    padding:16px !important;
}

.nw-side-card>span{
    font-size:9px !important;
}

.nw-side-card>strong{
    font-size:13px !important;
    line-height:1.4 !important;
}

.nw-side-card>small{
    font-size:10px !important;
    line-height:1.5 !important;
}

.nw-platforms strong{
    font-size:11px !important;
}

.nw-platforms small{
    font-size:9px !important;
}

/* KPI cards */
.nw-kpi-grid article{
    min-height:118px !important;
    padding:15px !important;
    grid-template-columns:58px 1fr auto !important;
}

.nw-kpi-icon{
    width:54px !important;
    height:54px !important;
}

.nw-kpi-icon svg{
    width:27px !important;
    height:27px !important;
}

.nw-kpi-grid small{
    font-size:10.5px !important;
}

.nw-kpi-grid strong{
    margin-top:6px !important;
    font-size:24px !important;
}

.nw-kpi-grid article>div>span{
    margin-top:4px !important;
    font-size:9.5px !important;
}

/* Panel headers */
.nw-panel{
    padding:18px !important;
}

.nw-panel-head{
    margin-bottom:14px !important;
}

.nw-panel-head span{
    font-size:9.5px !important;
}

.nw-panel-head h2{
    margin-top:5px !important;
    font-size:20px !important;
}

.nw-panel-head a{
    font-size:10.5px !important;
}

/* Projects */
.nw-project-row{
    min-height:82px !important;
    grid-template-columns:46px minmax(180px,1fr) auto 86px 100px 22px !important;
    gap:12px !important;
    padding:11px 12px !important;
}

.nw-project-icon{
    width:40px !important;
    height:40px !important;
}

.nw-project-icon svg{
    width:22px !important;
    height:22px !important;
}

.nw-project-main strong{
    font-size:13px !important;
}

.nw-project-main small{
    margin-top:4px !important;
    font-size:10px !important;
}

.nw-project-status{
    min-height:28px !important;
    padding:0 10px !important;
    font-size:9.5px !important;
}

.nw-project-metric small{
    font-size:9px !important;
}

.nw-project-metric strong{
    margin-top:3px !important;
    font-size:11.5px !important;
}

.nw-project-arrow{
    font-size:15px !important;
}

/* Activity */
.nw-activity-item{
    min-height:68px !important;
    grid-template-columns:16px 42px 1fr !important;
    gap:10px !important;
    padding:7px 0 !important;
}

.nw-activity-dot{
    width:10px !important;
    height:10px !important;
}

.nw-activity-icon{
    width:38px !important;
    height:38px !important;
}

.nw-activity-icon svg{
    width:20px !important;
    height:20px !important;
}

.nw-activity-copy strong{
    font-size:11.5px !important;
    line-height:1.45 !important;
}

.nw-activity-copy small{
    margin-top:4px !important;
    font-size:9px !important;
}

/* Quick actions */
.nw-actions-grid{
    gap:9px !important;
}

.nw-actions-grid a{
    min-height:98px !important;
    gap:10px !important;
}

.nw-actions-grid a>span:first-child{
    width:32px !important;
    height:32px !important;
    font-size:18px !important;
}

.nw-actions-grid svg{
    width:27px !important;
    height:27px !important;
}

.nw-actions-grid strong{
    font-size:11px !important;
}

.nw-smart-card{
    min-height:78px !important;
    padding:12px !important;
}

.nw-smart-card strong{
    font-size:11.5px !important;
}

.nw-smart-card small{
    margin-top:3px !important;
    font-size:9px !important;
}

/* Empty states */
.nw-empty strong{
    font-size:12px !important;
}

.nw-empty p{
    font-size:10px !important;
}

/* Footer */
.nw-footer strong{
    font-size:10.5px !important;
}

.nw-footer small,
.nw-footer>span{
    font-size:9px !important;
}

/* Keep the dashboard balanced after larger typography */
.nw-dashboard-grid{
    grid-template-columns:minmax(0,1.25fr) minmax(370px,.82fr) minmax(285px,.58fr) !important;
}

/* Tablet */
@media(max-width:1180px){
    .nw-dashboard-grid{
        grid-template-columns:1.2fr .8fr !important;
    }
}

/* Mobile: larger than before, without breaking layout */
@media(max-width:640px){
    .nw-nav a{
        font-size:10px !important;
    }

    .nw-hero-copy>p{
        font-size:10.5px !important;
    }

    .nw-side-card>span{
        font-size:8px !important;
    }

    .nw-side-card>strong{
        font-size:11px !important;
    }

    .nw-side-card>small{
        font-size:8.5px !important;
    }

    .nw-kpi-grid article{
        min-height:106px !important;
        grid-template-columns:42px 1fr !important;
        padding:11px !important;
    }

    .nw-kpi-icon{
        width:40px !important;
        height:40px !important;
    }

    .nw-kpi-grid small{
        font-size:8.5px !important;
    }

    .nw-kpi-grid strong{
        font-size:18px !important;
    }

    .nw-kpi-grid article>div>span{
        font-size:7.8px !important;
    }

    .nw-panel{
        padding:13px !important;
    }

    .nw-panel-head h2{
        font-size:16px !important;
    }

    .nw-panel-head span{
        font-size:8px !important;
    }

    .nw-project-row{
        min-height:70px !important;
        grid-template-columns:38px 1fr 20px !important;
        gap:9px !important;
        padding:9px !important;
    }

    .nw-project-main strong{
        font-size:10.5px !important;
    }

    .nw-project-main small{
        font-size:8px !important;
    }

    .nw-activity-item{
        min-height:58px !important;
        grid-template-columns:14px 36px 1fr !important;
    }

    .nw-activity-icon{
        width:34px !important;
        height:34px !important;
    }

    .nw-activity-copy strong{
        font-size:9.5px !important;
    }

    .nw-activity-copy small{
        font-size:7.5px !important;
    }

    .nw-actions-grid a{
        min-height:86px !important;
    }

    .nw-actions-grid strong{
        font-size:9.5px !important;
    }
}


/* =========================================================
   SYSLY WORK v0.6.3 — BIG TYPE
   Aggressive readability pass for desktop.
========================================================= */

@media(min-width:901px){

    .nw-nav a{
        font-size:14px !important;
        min-height:48px !important;
        padding:0 16px !important;
    }

    .nw-user-copy strong{font-size:14px !important;}
    .nw-user-copy span{font-size:11px !important;}

    .nw-logout{
        font-size:12px !important;
        min-height:40px !important;
        padding:0 13px !important;
    }

    .nw-overline{font-size:11px !important;}

    .nw-hero-copy>p{
        font-size:15px !important;
        line-height:1.6 !important;
        max-width:620px !important;
    }

    .nw-btn{
        font-size:14px !important;
        min-height:54px !important;
        padding:0 20px !important;
    }

    .nw-hero-foot strong,
    .nw-hero-foot>span{font-size:12px !important;}

    .nw-side-card>span{font-size:10px !important;}
    .nw-side-card>strong{
        font-size:15px !important;
        line-height:1.45 !important;
    }
    .nw-side-card>small{
        font-size:12px !important;
        line-height:1.5 !important;
    }

    .nw-platforms strong{font-size:13px !important;}
    .nw-platforms small{font-size:11px !important;}

    .nw-kpi-grid article{
        min-height:132px !important;
        padding:18px !important;
        grid-template-columns:64px 1fr auto !important;
    }

    .nw-kpi-icon{
        width:58px !important;
        height:58px !important;
    }

    .nw-kpi-icon svg{
        width:30px !important;
        height:30px !important;
    }

    .nw-kpi-grid small{font-size:12px !important;}
    .nw-kpi-grid strong{
        font-size:28px !important;
        line-height:1.05 !important;
    }

    .nw-kpi-grid article>div>span{
        font-size:11px !important;
        line-height:1.45 !important;
    }

    .nw-panel{padding:22px !important;}
    .nw-panel-head span{font-size:10px !important;}
    .nw-panel-head h2{
        font-size:24px !important;
        line-height:1.15 !important;
    }
    .nw-panel-head a{font-size:12px !important;}

    .nw-project-row{
        min-height:92px !important;
        grid-template-columns:50px minmax(210px,1fr) auto 90px 110px 24px !important;
        gap:14px !important;
        padding:13px 14px !important;
    }

    .nw-project-icon{
        width:44px !important;
        height:44px !important;
    }

    .nw-project-main strong{
        font-size:15px !important;
        line-height:1.25 !important;
    }

    .nw-project-main small{
        font-size:12px !important;
        line-height:1.35 !important;
    }

    .nw-project-status{
        font-size:11px !important;
        min-height:31px !important;
        padding:0 12px !important;
    }

    .nw-project-metric small{font-size:10px !important;}
    .nw-project-metric strong{font-size:13px !important;}
    .nw-project-arrow{font-size:17px !important;}

    .nw-activity-item{
        min-height:78px !important;
        grid-template-columns:17px 46px 1fr !important;
        gap:12px !important;
        padding:8px 0 !important;
    }

    .nw-activity-icon{
        width:42px !important;
        height:42px !important;
    }

    .nw-activity-icon svg{
        width:22px !important;
        height:22px !important;
    }

    .nw-activity-copy strong{
        font-size:13px !important;
        line-height:1.5 !important;
    }

    .nw-activity-copy small{
        font-size:11px !important;
        margin-top:5px !important;
    }

    .nw-actions-grid a{
        min-height:112px !important;
        gap:12px !important;
    }

    .nw-actions-grid a>span:first-child{
        width:36px !important;
        height:36px !important;
        font-size:20px !important;
    }

    .nw-actions-grid svg{
        width:30px !important;
        height:30px !important;
    }

    .nw-actions-grid strong{font-size:13px !important;}

    .nw-smart-card{
        min-height:88px !important;
        padding:14px !important;
    }

    .nw-smart-card strong{font-size:13px !important;}
    .nw-smart-card small{font-size:11px !important;}

    .nw-empty strong{font-size:14px !important;}
    .nw-empty p{font-size:12px !important;}

    .nw-footer strong{font-size:12px !important;}
    .nw-footer small,
    .nw-footer>span{font-size:10px !important;}
}

@media(min-width:1181px){
    .nw-dashboard-grid{
        grid-template-columns:minmax(0,1.18fr) minmax(390px,.84fr) minmax(310px,.60fr) !important;
    }
}


/* =========================================================
   SYSLY WORK v0.6.4 — MOBILE POLISH
========================================================= */

@media(max-width:900px){
    .nw-topbar-inner{
        min-height:70px !important;
    }

    .nw-hero{
        grid-template-columns:1fr !important;
    }

    .nw-hero-scene{
        order:2;
        min-height:290px !important;
    }

    .nw-hero-side{
        order:3;
        grid-template-columns:1fr 1fr !important;
    }

    .nw-platforms{
        grid-column:1/-1;
    }

    .nw-dashboard-grid{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:640px){

    .nw-dashboard-body{
        padding-bottom:92px !important;
    }

    .nw-shell{
        width:calc(100% - 16px) !important;
        padding-top:10px !important;
    }

    .nw-topbar-inner{
        width:calc(100% - 16px) !important;
        min-height:62px !important;
        gap:8px !important;
    }

    .nw-brand{
        min-width:0 !important;
        gap:7px !important;
    }

    .nw-brand-symbol{
        width:36px !important;
        height:36px !important;
        flex-basis:36px !important;
    }

    .nw-brand-symbol svg{
        width:36px !important;
        height:36px !important;
    }

    .nw-brand-copy strong{
        font-size:19px !important;
    }

    .nw-brand-copy small{
        margin-top:3px !important;
        font-size:6px !important;
        letter-spacing:4px !important;
    }

    .nw-user{
        margin-left:auto;
    }

    .nw-avatar{
        width:36px !important;
        height:36px !important;
        font-size:9px !important;
    }

    .nw-user-copy,
    .nw-logout,
    .nw-nav{
        display:none !important;
    }

    .nw-hero{
        min-height:0 !important;
        display:flex !important;
        flex-direction:column !important;
        gap:12px !important;
        padding:17px !important;
        border-radius:18px !important;
    }

    .nw-hero-copy{
        order:1;
    }

    .nw-overline{
        margin-bottom:10px !important;
        font-size:8px !important;
        letter-spacing:2px !important;
    }

    .nw-overline span{
        width:16px !important;
    }

    .nw-hero-copy h1{
        display:block !important;
        font-size:58px !important;
        line-height:.86 !important;
        letter-spacing:-3px !important;
    }

    .nw-hero-copy h1 small{
        display:block !important;
        margin:10px 0 0 2px !important;
        font-size:8px !important;
        letter-spacing:6px !important;
    }

    .nw-hero-copy h2{
        margin-top:22px !important;
        font-size:31px !important;
        line-height:1.03 !important;
        letter-spacing:-.8px !important;
    }

    .nw-hero-copy>p{
        max-width:none !important;
        margin-top:11px !important;
        font-size:12px !important;
        line-height:1.55 !important;
    }

    .nw-hero-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:8px !important;
        margin-top:17px !important;
    }

    .nw-btn{
        min-height:52px !important;
        width:100% !important;
        padding:0 15px !important;
        font-size:13px !important;
    }

    .nw-hero-foot{
        flex-wrap:wrap;
        gap:8px !important;
        margin-top:13px !important;
    }

    .nw-hero-foot strong,
    .nw-hero-foot>span{
        font-size:10px !important;
    }

    .nw-hero-scene{
        order:2;
        min-height:235px !important;
        overflow:hidden !important;
    }

    .nw-scene-logo{
        left:37% !important;
        top:47% !important;
    }

    .nw-scene-logo svg{
        width:105px !important;
        height:105px !important;
    }

    .nw-scene-logo>strong{
        margin-top:-10px !important;
        font-size:26px !important;
    }

    .nw-scene-logo>small{
        font-size:6px !important;
        letter-spacing:5px !important;
    }

    .orbit-one{
        width:220px !important;
        height:82px !important;
    }

    .orbit-two{
        width:180px !important;
        height:120px !important;
    }

    .orbit-three{
        width:140px !important;
        height:140px !important;
    }

    .nw-laptop{
        right:-34px !important;
        bottom:1px !important;
        width:175px !important;
        height:115px !important;
    }

    .nw-laptop-screen{
        left:14px !important;
        width:145px !important;
        height:85px !important;
    }

    .nw-laptop-base{
        width:175px !important;
        bottom:10px !important;
    }

    .nw-laptop-logo{
        width:44px !important;
        height:44px !important;
    }

    .nw-particles i:nth-child(n+6){
        display:none;
    }

    .nw-hero-side{
        order:3;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:8px !important;
    }

    .nw-side-card{
        padding:13px !important;
    }

    .nw-side-card>span{
        font-size:8px !important;
    }

    .nw-side-card>strong{
        font-size:12px !important;
    }

    .nw-side-card>small{
        font-size:9px !important;
    }

    .nw-platforms{
        grid-template-columns:1fr 1fr !important;
        gap:7px !important;
    }

    .nw-platforms>div{
        padding:10px !important;
    }

    .nw-platforms strong{
        font-size:10px !important;
    }

    .nw-platforms small{
        font-size:8px !important;
    }

    .nw-kpi-grid{
        grid-template-columns:1fr 1fr !important;
        gap:7px !important;
        margin-top:8px !important;
    }

    .nw-kpi-grid article{
        min-height:112px !important;
        grid-template-columns:42px 1fr !important;
        gap:9px !important;
        padding:12px !important;
    }

    .nw-kpi-icon{
        width:40px !important;
        height:40px !important;
    }

    .nw-kpi-icon svg{
        width:21px !important;
        height:21px !important;
    }

    .nw-kpi-grid small{
        font-size:8.5px !important;
        line-height:1.3 !important;
    }

    .nw-kpi-grid strong{
        margin-top:4px !important;
        font-size:20px !important;
    }

    .nw-kpi-grid article>div>span{
        margin-top:3px !important;
        font-size:7.7px !important;
        line-height:1.35 !important;
    }

    .nw-sparkline{
        display:none !important;
    }

    .nw-dashboard-grid{
        grid-template-columns:1fr !important;
        gap:8px !important;
        margin-top:8px !important;
    }

    .nw-panel{
        padding:13px !important;
        border-radius:13px !important;
    }

    .nw-panel-head{
        margin-bottom:10px !important;
    }

    .nw-panel-head span{
        font-size:8px !important;
    }

    .nw-panel-head h2{
        font-size:18px !important;
    }

    .nw-panel-head a{
        font-size:9px !important;
    }

    .nw-project-row{
        min-height:72px !important;
        grid-template-columns:40px minmax(0,1fr) 20px !important;
        gap:9px !important;
        padding:10px !important;
    }

    .nw-project-icon{
        width:38px !important;
        height:38px !important;
    }

    .nw-project-icon svg{
        width:20px !important;
        height:20px !important;
    }

    .nw-project-main strong{
        font-size:11px !important;
    }

    .nw-project-main small{
        margin-top:3px !important;
        font-size:8.5px !important;
    }

    .nw-project-status,
    .nw-project-metric{
        display:none !important;
    }

    .nw-project-arrow{
        font-size:14px !important;
    }

    .nw-activity-item{
        min-height:62px !important;
        grid-template-columns:14px 36px 1fr !important;
        gap:8px !important;
        padding:7px 0 !important;
    }

    .nw-activity-icon{
        width:34px !important;
        height:34px !important;
    }

    .nw-activity-icon svg{
        width:18px !important;
        height:18px !important;
    }

    .nw-activity-copy strong{
        font-size:10px !important;
        line-height:1.45 !important;
    }

    .nw-activity-copy small{
        margin-top:3px !important;
        font-size:8px !important;
    }

    .nw-actions-grid{
        grid-template-columns:1fr 1fr !important;
        gap:7px !important;
    }

    .nw-actions-grid a{
        min-height:94px !important;
        gap:8px !important;
    }

    .nw-actions-grid a>span:first-child{
        width:31px !important;
        height:31px !important;
        font-size:17px !important;
    }

    .nw-actions-grid svg{
        width:25px !important;
        height:25px !important;
    }

    .nw-actions-grid strong{
        font-size:10px !important;
    }

    .nw-smart-card{
        min-height:74px !important;
        padding:11px !important;
    }

    .nw-smart-card strong{
        font-size:10.5px !important;
    }

    .nw-smart-card small{
        font-size:8.5px !important;
    }

    .nw-mobile-nav{
        min-height:61px !important;
    }

    .nw-mobile-nav a{
        font-size:8px !important;
    }

    .nw-mobile-nav svg{
        width:19px !important;
        height:19px !important;
    }

    .nw-mobile-nav .plus{
        width:24px !important;
        height:24px !important;
        font-size:16px !important;
    }
}

@media(max-width:390px){
    .nw-hero-copy h1{
        font-size:52px !important;
    }

    .nw-hero-copy h2{
        font-size:28px !important;
    }

    .nw-kpi-grid{
        grid-template-columns:1fr !important;
    }

    .nw-kpi-grid article{
        min-height:88px !important;
    }
}


/* =========================================================
   SYSLY WORK v0.6.5 — JOB PAGE REDESIGN
   Larger typography + neon dashboard visual language.
========================================================= */

.nw-job-page{
    background:
        radial-gradient(circle at 45% -12%,rgba(24,121,205,.10),transparent 32rem),
        #040d17;
}

.nw-job-page .simple-job-shell{
    max-width:1480px;
    padding-top:22px;
}

/* Job hero */
.nw-job-page .simple-object-hero{
    min-height:285px;
    grid-template-columns:minmax(0,1.28fr) minmax(340px,.62fr);
    gap:22px;
    padding:28px;
    border-color:rgba(42,176,243,.15);
    border-radius:21px;
    background:
        radial-gradient(circle at 78% 2%,rgba(22,148,233,.10),transparent 23rem),
        linear-gradient(135deg,rgba(8,35,59,.82),rgba(4,14,25,.96));
    box-shadow:
        0 22px 64px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.025);
}

.nw-job-page .simple-object-hero::before{
    opacity:.26;
    background-image:
        linear-gradient(rgba(65,176,236,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(65,176,236,.05) 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(90deg,transparent 0%,transparent 32%,black 100%);
}

.nw-job-page .simple-object-copy{
    min-height:220px;
    padding:10px 10px 10px 5px;
}

.nw-job-page .simple-object-kicker{
    font-size:11px;
    letter-spacing:1px;
}

.nw-job-page .simple-status-dot{
    width:9px;
    height:9px;
}

.nw-job-page .simple-object-copy h1{
    max-width:900px;
    margin:12px 0 15px;
    font-size:clamp(42px,5vw,70px);
    letter-spacing:-2.4px;
}

.nw-job-page .simple-object-meta{
    gap:8px;
}

.nw-job-page .simple-object-meta span,
.nw-job-page .simple-object-meta a{
    min-height:34px;
    padding:0 12px;
    font-size:11px;
}

/* Workday box */
.nw-job-page .simple-workday-card{
    min-height:220px;
    padding:20px;
    border-color:rgba(51,187,247,.14);
    border-radius:16px;
    background:
        radial-gradient(circle at 90% 0%,rgba(39,165,237,.08),transparent 12rem),
        rgba(3,15,27,.68);
}

.nw-job-page .simple-workday-state>span{
    font-size:10px;
}

.nw-job-page .simple-workday-state>strong{
    margin-top:8px;
    font-size:24px;
}

.nw-job-page .simple-workday-state>strong.simple-live-time{
    font-size:44px;
}

.nw-job-page .simple-workday-state>small{
    margin-top:7px;
    font-size:11px;
}

.nw-job-page .simple-main-work-btn{
    min-height:58px;
    font-size:14px;
    border-radius:13px;
}

.nw-job-page .simple-secondary-action{
    min-height:40px;
    padding:0 13px;
    font-size:10px;
}

/* Section heading */
.nw-job-page .simple-actions-section{
    margin-top:18px;
}

.nw-job-page .simple-section-heading{
    margin-bottom:12px;
}

.nw-job-page .simple-section-heading>span,
.nw-job-page .simple-section-heading>div>span{
    font-size:9px;
}

.nw-job-page .simple-section-heading h2{
    margin-top:5px;
    font-size:24px;
}

/* 4 actions */
.nw-job-page .simple-action-grid{
    gap:11px;
}

.nw-job-page .simple-action-card{
    min-height:178px;
    padding:19px;
    border-color:rgba(255,255,255,.065);
    border-radius:16px;
    background:
        radial-gradient(circle at 100% 0%,rgba(34,151,224,.045),transparent 10rem),
        linear-gradient(155deg,rgba(255,255,255,.026),rgba(255,255,255,.008));
}

.nw-job-page .simple-action-icon{
    width:48px;
    height:48px;
    border-radius:12px;
}

.nw-job-page .simple-action-icon svg{
    width:25px;
    height:25px;
}

.nw-job-page .simple-action-copy strong{
    font-size:17px;
}

.nw-job-page .simple-action-copy small{
    margin-top:6px;
    font-size:11px;
    line-height:1.45;
}

.nw-job-page .simple-action-arrow{
    right:18px;
    bottom:17px;
    font-size:16px;
}

/* Compact brand strip */
.nw-job-brand-strip{
    position:relative;
    min-height:116px;
    display:grid;
    grid-template-columns:58px 1fr auto;
    gap:15px;
    align-items:center;
    overflow:hidden;
    margin:16px 0;
    padding:18px 22px;
    border:1px solid rgba(46,177,242,.11);
    border-radius:16px;
    background:
        radial-gradient(circle at 78% 50%,rgba(37,163,241,.085),transparent 24rem),
        linear-gradient(90deg,rgba(9,35,57,.75),rgba(4,16,29,.78));
}

.nw-job-brand-strip::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.18;
    background:
        linear-gradient(100deg,transparent 0 48%,rgba(69,192,248,.08) 48.2%,transparent 48.4%);
}

.nw-job-brand-mark{
    position:relative;
    z-index:2;
    width:54px;
    height:54px;
    filter:drop-shadow(0 0 12px rgba(43,187,255,.20));
    animation:nwJobMarkFloat 4.8s ease-in-out infinite;
}

.nw-job-brand-mark svg{
    width:100%;
    height:100%;
}

.nw-job-brand-copy{
    position:relative;
    z-index:2;
}

.nw-job-brand-copy>span{
    display:block;
    color:#54c8ff;
    font-size:10px;
    font-weight:950;
    letter-spacing:.5px;
}

.nw-job-brand-copy>strong{
    display:block;
    margin-top:3px;
    color:#eef8fd;
    font-size:24px;
    letter-spacing:-.6px;
}

.nw-job-brand-copy>strong b{
    background:linear-gradient(90deg,#42c7ff,#5ce0ca);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.nw-job-brand-copy>small{
    display:block;
    margin-top:4px;
    color:#668399;
    font-size:11px;
}

.nw-job-brand-line{
    position:relative;
    z-index:2;
    width:180px;
    height:46px;
}

.nw-job-brand-line i{
    position:absolute;
    right:0;
    height:1px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,#2dc2ff,#56e1cc);
    box-shadow:0 0 8px rgba(45,194,255,.15);
}

.nw-job-brand-line i:nth-child(1){
    top:7px;
    width:120px;
}

.nw-job-brand-line i:nth-child(2){
    top:22px;
    width:170px;
}

.nw-job-brand-line i:nth-child(3){
    top:37px;
    width:95px;
}

/* Today */
.nw-job-page .simple-today-section{
    padding:21px;
    border-color:rgba(47,172,237,.10);
    border-radius:16px;
    background:
        linear-gradient(180deg,rgba(7,28,46,.72),rgba(4,18,30,.72));
}

.nw-job-page .today-heading{
    margin-bottom:2px;
}

.nw-job-page .today-stat-grid{
    gap:10px;
    margin-top:13px;
}

.nw-job-page .today-stat-grid article{
    min-height:94px;
    padding:14px;
}

.nw-job-page .today-stat-icon{
    width:40px;
    height:40px;
    flex-basis:40px;
}

.nw-job-page .today-stat-icon svg{
    width:21px;
    height:21px;
}

.nw-job-page .today-stat-grid article strong{
    font-size:21px;
}

.nw-job-page .today-stat-grid article span:not(.today-stat-icon){
    font-size:10px;
}

.nw-job-page .today-stat-grid article>b{
    font-size:13px;
}

.nw-job-page .today-memory-item{
    min-height:43px;
    grid-template-columns:44px 14px 1fr;
    gap:9px;
    padding:8px 0;
}

.nw-job-page .today-memory-item time{
    font-size:9px;
}

.nw-job-page .today-memory-item p{
    font-size:11px;
    line-height:1.5;
}

.nw-job-page .today-empty{
    margin-top:13px;
    padding:15px;
    font-size:10px;
}

/* Details */
.nw-job-page .simple-more{
    margin-top:12px;
    border-color:rgba(48,174,238,.09);
    border-radius:15px;
    background:
        linear-gradient(180deg,rgba(6,24,40,.56),rgba(4,16,28,.60));
}

.nw-job-page .simple-more>summary{
    min-height:86px;
    padding:16px 18px;
}

.nw-job-page .simple-more>summary small{
    font-size:9px;
}

.nw-job-page .simple-more>summary strong{
    margin-top:5px;
    font-size:15px;
}

.nw-job-page .simple-more>summary em{
    display:block;
    margin-top:4px;
    color:#587489;
    font-size:10px;
    font-style:normal;
}

.nw-job-page .simple-more-arrow{
    font-size:20px;
}

@keyframes nwJobMarkFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-4px)}
}

/* Mobile */
@media(max-width:640px){

    .nw-job-page .simple-job-shell{
        width:auto;
        padding-top:12px;
    }

    .nw-job-page .simple-object-hero{
        min-height:0;
        grid-template-columns:1fr;
        gap:12px;
        padding:16px;
        border-radius:17px;
    }

    .nw-job-page .simple-object-copy{
        min-height:0;
        padding:2px;
    }

    .nw-job-page .simple-object-kicker{
        font-size:9px;
    }

    .nw-job-page .simple-object-copy h1{
        margin:9px 0 12px;
        font-size:37px;
        letter-spacing:-1.2px;
    }

    .nw-job-page .simple-object-meta span,
    .nw-job-page .simple-object-meta a{
        min-height:29px;
        padding:0 9px;
        font-size:8.5px;
    }

    .nw-job-page .simple-workday-card{
        min-height:0;
        padding:15px;
    }

    .nw-job-page .simple-workday-state>span{
        font-size:8.5px;
    }

    .nw-job-page .simple-workday-state>strong{
        font-size:20px;
    }

    .nw-job-page .simple-workday-state>strong.simple-live-time{
        font-size:34px;
    }

    .nw-job-page .simple-workday-state>small{
        font-size:9px;
    }

    .nw-job-page .simple-main-work-btn{
        min-height:54px;
        font-size:12px;
    }

    .nw-job-page .simple-section-heading h2{
        font-size:20px;
    }

    .nw-job-page .simple-action-grid{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .nw-job-page .simple-action-card{
        min-height:150px;
        padding:14px;
    }

    .nw-job-page .simple-action-icon{
        width:42px;
        height:42px;
    }

    .nw-job-page .simple-action-copy strong{
        font-size:13px;
    }

    .nw-job-page .simple-action-copy small{
        font-size:8.5px;
    }

    .nw-job-brand-strip{
        min-height:100px;
        grid-template-columns:46px 1fr;
        gap:11px;
        margin:11px 0;
        padding:15px;
    }

    .nw-job-brand-mark{
        width:44px;
        height:44px;
    }

    .nw-job-brand-copy>span{
        font-size:8px;
    }

    .nw-job-brand-copy>strong{
        font-size:17px;
    }

    .nw-job-brand-copy>small{
        font-size:8.5px;
    }

    .nw-job-brand-line{
        display:none;
    }

    .nw-job-page .simple-today-section{
        padding:14px;
    }

    .nw-job-page .today-stat-grid{
        grid-template-columns:1fr;
        gap:7px;
    }

    .nw-job-page .today-stat-grid article{
        min-height:68px;
        padding:10px;
    }

    .nw-job-page .today-stat-grid article strong{
        font-size:17px;
    }

    .nw-job-page .today-stat-grid article span:not(.today-stat-icon){
        font-size:8.5px;
    }

    .nw-job-page .today-stat-grid article>b{
        font-size:10px;
    }

    .nw-job-page .today-memory-item{
        grid-template-columns:37px 12px 1fr;
        min-height:38px;
        padding:6px 0;
    }

    .nw-job-page .today-memory-item time{
        font-size:7.5px;
    }

    .nw-job-page .today-memory-item p{
        font-size:9px;
    }

    .nw-job-page .simple-more>summary{
        min-height:76px;
        padding:13px 14px;
    }

    .nw-job-page .simple-more>summary small{
        font-size:7.5px;
    }

    .nw-job-page .simple-more>summary strong{
        font-size:12px;
    }

    .nw-job-page .simple-more>summary em{
        font-size:8px;
    }
}

@media(max-width:390px){
    .nw-job-page .simple-action-grid{
        grid-template-columns:1fr;
    }

    .nw-job-page .simple-action-card{
        min-height:112px;
    }
}

@media(prefers-reduced-motion:reduce){
    .nw-job-brand-mark{
        animation:none!important;
    }
}


/* =========================================================
   SYSLY WORK v0.7.0 — OFFICIAL SYSLY LOGO
   Uses the user's real SysLY logo everywhere.
========================================================= */

/* ---------- Dashboard header logo ---------- */
.nw-real-brand-symbol{
    position:relative;
    overflow:visible;
    border-radius:12px;
}

.nw-real-brand-symbol img{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    border-radius:11px;
    filter:
        drop-shadow(0 0 7px rgba(38,198,255,.23))
        drop-shadow(0 0 14px rgba(65,230,201,.08));
    animation:syslyOfficialLogoFloat 4.8s ease-in-out infinite;
}

.nw-brand-logo-glow{
    position:absolute;
    z-index:1;
    inset:10%;
    border-radius:14px;
    background:
        radial-gradient(circle,rgba(53,210,255,.32),rgba(67,228,195,.08) 46%,transparent 72%);
    filter:blur(9px);
    animation:syslyOfficialLogoPulse 3s ease-in-out infinite;
}

/* ---------- Dashboard hero official logo ---------- */
.nw-real-scene-logo{
    width:190px;
    height:215px;
    justify-content:center;
}

.nw-real-scene-logo img{
    position:relative;
    z-index:3;
    width:172px;
    height:172px;
    display:block;
    object-fit:contain;
    border-radius:29px;
    filter:
        drop-shadow(0 0 13px rgba(42,194,255,.28))
        drop-shadow(0 0 34px rgba(34,114,255,.17));
}

.nw-real-scene-logo>small{
    position:relative;
    z-index:3;
    margin-top:3px;
    color:#49cfff;
    font-size:8px;
    font-weight:950;
    letter-spacing:8px;
    text-shadow:0 0 12px rgba(55,195,255,.28);
}

.nw-scene-logo-halo{
    position:absolute;
    z-index:1;
    width:168px;
    height:168px;
    border-radius:34px;
    background:
        radial-gradient(circle,rgba(51,199,255,.18),rgba(72,222,205,.045) 52%,transparent 72%);
    filter:blur(18px);
    animation:syslyOfficialLogoPulse 3.2s ease-in-out infinite;
}

/*
   Existing orbit-one/orbit-two/orbit-three continue rotating around
   the real logo. The logo itself floats gently instead of rotating.
*/
.nw-real-scene-logo{
    animation:syslyOfficialHeroFloat 5.6s ease-in-out infinite !important;
}

/* ---------- Laptop official logo ---------- */
.nw-real-laptop-logo{
    width:58px;
    height:58px;
}

.nw-real-laptop-logo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    border-radius:11px;
    filter:drop-shadow(0 0 8px rgba(53,199,255,.28));
    animation:syslyOfficialLogoPulse 3.8s ease-in-out infinite;
}

/* ---------- Footer ---------- */
.nw-real-footer-logo{
    width:28px;
    height:28px;
}

.nw-real-footer-logo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    border-radius:7px;
}

/* ---------- Specific job page header ---------- */
.sysly-real-header-mark{
    position:relative;
    overflow:visible !important;
    display:grid !important;
    place-items:center;
    background:transparent !important;
    box-shadow:none !important;
}

.sysly-real-header-mark img{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    border-radius:10px;
    filter:drop-shadow(0 0 7px rgba(49,195,255,.20));
    animation:syslyOfficialLogoFloat 4.8s ease-in-out infinite;
}

.sysly-real-header-mark i{
    position:absolute;
    z-index:1;
    inset:10%;
    border-radius:11px;
    background:radial-gradient(circle,rgba(38,196,255,.27),transparent 70%);
    filter:blur(8px);
    animation:syslyOfficialLogoPulse 3s ease-in-out infinite;
}

/* ---------- Job page brand strip ---------- */
.nw-real-job-brand-mark{
    overflow:visible;
}

.nw-real-job-brand-mark img{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    border-radius:12px;
    filter:
        drop-shadow(0 0 8px rgba(43,190,255,.24))
        drop-shadow(0 0 16px rgba(76,228,198,.08));
}

.nw-real-job-brand-mark i{
    position:absolute;
    z-index:1;
    inset:3px;
    border-radius:13px;
    background:radial-gradient(circle,rgba(44,195,255,.25),transparent 70%);
    filter:blur(9px);
    animation:syslyOfficialLogoPulse 3.2s ease-in-out infinite;
}

/* ---------- Official logo animations ---------- */
@keyframes syslyOfficialLogoFloat{
    0%,100%{
        transform:translateY(0) scale(1);
    }
    50%{
        transform:translateY(-2px) scale(1.015);
    }
}

@keyframes syslyOfficialHeroFloat{
    0%,100%{
        transform:translate(-50%,-56%) translateY(0) scale(1);
    }
    50%{
        transform:translate(-50%,-56%) translateY(-8px) scale(1.018);
    }
}

@keyframes syslyOfficialLogoPulse{
    0%,100%{
        opacity:.58;
        transform:scale(.96);
    }
    50%{
        opacity:1;
        transform:scale(1.09);
    }
}

/* ---------- Mobile ---------- */
@media(max-width:640px){
    .nw-real-brand-symbol img,
    .sysly-real-header-mark img{
        border-radius:9px;
    }

    .nw-real-scene-logo{
        width:132px;
        height:153px;
        left:38% !important;
    }

    .nw-real-scene-logo img{
        width:118px;
        height:118px;
        border-radius:21px;
    }

    .nw-scene-logo-halo{
        width:122px;
        height:122px;
    }

    .nw-real-scene-logo>small{
        margin-top:1px;
        font-size:6px;
        letter-spacing:6px;
    }

    .nw-real-laptop-logo{
        width:46px !important;
        height:46px !important;
    }

    .nw-real-job-brand-mark img{
        border-radius:10px;
    }
}

@media(prefers-reduced-motion:reduce){
    .nw-real-brand-symbol img,
    .nw-brand-logo-glow,
    .nw-real-scene-logo,
    .nw-scene-logo-halo,
    .nw-real-laptop-logo img,
    .sysly-real-header-mark img,
    .sysly-real-header-mark i,
    .nw-real-job-brand-mark i{
        animation:none!important;
    }
}


/* =========================================================
   SYSLY WORK v0.7.1 — LOGO POLISH
   Final polish after real-device desktop review.
========================================================= */

/* Central hero logo: larger and cleaner */
.nw-real-scene-logo{
    width:225px !important;
    height:225px !important;
}

.nw-real-scene-logo img{
    width:205px !important;
    height:205px !important;
    border-radius:34px !important;
    filter:
        drop-shadow(0 0 11px rgba(42,194,255,.24))
        drop-shadow(0 0 26px rgba(34,114,255,.13)) !important;
}

.nw-scene-logo-halo{
    width:198px !important;
    height:198px !important;
    border-radius:38px !important;
    opacity:.86;
}

/* Laptop logo: slightly larger, subtler glow */
.nw-real-laptop-logo{
    width:70px !important;
    height:70px !important;
}

.nw-real-laptop-logo img{
    border-radius:13px !important;
    filter:
        drop-shadow(0 0 5px rgba(53,199,255,.18))
        drop-shadow(0 0 11px rgba(53,199,255,.08)) !important;
}

/* Give the account name enough room on normal desktop widths */
.nw-user-copy{
    max-width:240px !important;
    min-width:150px;
}

.nw-user-copy strong{
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
}

.nw-topbar-inner{
    gap:22px !important;
}

.nw-brand{
    min-width:190px !important;
}

/* Keep the header balanced if the viewport gets tighter */
@media(max-width:1180px){
    .nw-user-copy{
        max-width:175px !important;
        min-width:0;
    }

    .nw-user-copy strong{
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
}

/* Tablet */
@media(max-width:900px){
    .nw-real-scene-logo{
        width:185px !important;
        height:185px !important;
    }

    .nw-real-scene-logo img{
        width:168px !important;
        height:168px !important;
        border-radius:29px !important;
    }

    .nw-scene-logo-halo{
        width:165px !important;
        height:165px !important;
    }

    .nw-real-laptop-logo{
        width:60px !important;
        height:60px !important;
    }
}

/* Phone */
@media(max-width:640px){
    .nw-real-scene-logo{
        width:145px !important;
        height:145px !important;
        left:38% !important;
    }

    .nw-real-scene-logo img{
        width:132px !important;
        height:132px !important;
        border-radius:23px !important;
    }

    .nw-scene-logo-halo{
        width:132px !important;
        height:132px !important;
    }

    .nw-real-laptop-logo{
        width:50px !important;
        height:50px !important;
    }
}


/* =========================================================
   SYSLY WORK v0.7.2 — DASHBOARD POLISH
   Final readability + smart-card cleanup.
========================================================= */

/* Top-left brand is a touch stronger */
.nw-brand-copy strong{
    font-size:23px !important;
}

.nw-brand-copy small{
    font-size:7px !important;
    letter-spacing:5.2px !important;
}

/* Web / Mobile cards */
.nw-platforms>div{
    min-height:56px;
    padding:11px !important;
}

.nw-platforms strong{
    font-size:14px !important;
}

.nw-platforms small{
    margin-top:3px !important;
    font-size:11px !important;
    line-height:1.35 !important;
}

/* KPI helper copy */
.nw-kpi-grid article>div>span{
    font-size:12px !important;
    line-height:1.4 !important;
    color:#6b8598 !important;
}

/* Project row secondary data */
.nw-project-main small{
    font-size:12.5px !important;
    color:#6a8397 !important;
}

.nw-project-metric small{
    font-size:10.5px !important;
    color:#698296 !important;
}

.nw-project-metric strong{
    font-size:13.5px !important;
}

/* Activity: more breathing room and stronger timestamp */
.nw-activity-item{
    min-height:84px !important;
    padding:10px 0 !important;
}

.nw-activity-copy strong{
    font-size:13.5px !important;
    line-height:1.5 !important;
}

.nw-activity-copy small{
    margin-top:5px !important;
    font-size:11px !important;
    color:#668196 !important;
}

/* Brand smart card is informational, not interactive */
.nw-smart-card-static{
    grid-template-columns:34px 1fr !important;
    cursor:default !important;
}

.nw-smart-card-static:hover{
    transform:none !important;
}

.nw-smart-card-static .bolt{
    width:31px !important;
    height:31px !important;
}

.nw-smart-card-static strong{
    font-size:13px !important;
}

.nw-smart-card-static small{
    font-size:10.5px !important;
}

/* Small balancing touch */
.nw-actions{
    align-self:start;
}

@media(max-width:1180px){
    .nw-platforms strong{
        font-size:12px !important;
    }

    .nw-platforms small{
        font-size:9.5px !important;
    }
}

@media(max-width:640px){
    .nw-brand-copy strong{
        font-size:20px !important;
    }

    .nw-brand-copy small{
        font-size:6px !important;
        letter-spacing:4px !important;
    }

    .nw-platforms>div{
        min-height:52px;
        padding:9px !important;
    }

    .nw-platforms strong{
        font-size:10.5px !important;
    }

    .nw-platforms small{
        font-size:8.5px !important;
    }

    .nw-kpi-grid article>div>span{
        font-size:8.2px !important;
    }

    .nw-project-main small{
        font-size:8.8px !important;
    }

    .nw-activity-item{
        min-height:64px !important;
        padding:7px 0 !important;
    }

    .nw-activity-copy strong{
        font-size:10px !important;
    }

    .nw-activity-copy small{
        font-size:8px !important;
    }

    .nw-smart-card-static strong{
        font-size:10.5px !important;
    }

    .nw-smart-card-static small{
        font-size:8.5px !important;
    }
}


/* =========================================================
   SYSLY WORK v0.8.0 — INTERNAL UI
   Job / Receipt / Measurements / Photos / Notes / Forms
========================================================= */

.nw-internal-page{
    min-height:100vh;
    background:
        radial-gradient(circle at 50% -15%,rgba(26,126,211,.11),transparent 34rem),
        radial-gradient(circle at 95% 15%,rgba(30,187,239,.035),transparent 22rem),
        #040d17;
}

.nw-internal-page::before{
    content:"";
    position:fixed;
    z-index:-1;
    inset:0;
    pointer-events:none;
    opacity:.16;
    background-image:
        linear-gradient(rgba(65,176,236,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(65,176,236,.025) 1px,transparent 1px);
    background-size:38px 38px;
    mask-image:linear-gradient(to bottom,black,transparent 72%);
}

/* Shared internal header */
.nw-internal-header{
    border-bottom:1px solid rgba(46,177,243,.10)!important;
    background:rgba(3,13,23,.90)!important;
    backdrop-filter:blur(18px);
}

.nw-internal-header .header-inner{
    max-width:1480px!important;
    min-height:76px!important;
}

.nw-internal-header .brand-link{
    gap:10px!important;
}

.nw-internal-header .brand-mark{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
}

.nw-internal-header .brand.small{
    font-size:20px!important;
}

.nw-internal-header .brand-sub{
    margin-top:3px!important;
    color:#658197!important;
    font-size:10px!important;
}

.nw-internal-back{
    min-height:40px!important;
    padding:0 14px!important;
    border-color:rgba(51,178,243,.11)!important;
    color:#a5bed0!important;
    background:rgba(12,67,103,.08)!important;
    font-size:11px!important;
}

/* Shared internal shell + headings */
.nw-internal-page .app-shell.narrow{
    max-width:1080px!important;
    padding-top:30px!important;
    padding-bottom:80px!important;
}

.nw-internal-page .form-heading{
    position:relative;
    overflow:hidden;
    margin-bottom:16px;
    padding:24px 26px;
    border:1px solid rgba(45,174,239,.11);
    border-radius:17px;
    background:
        radial-gradient(circle at 92% 0%,rgba(40,167,239,.09),transparent 16rem),
        linear-gradient(135deg,rgba(8,35,58,.66),rgba(4,17,29,.82));
}

.nw-internal-page .form-heading::after{
    content:"";
    position:absolute;
    right:-50px;
    top:-70px;
    width:220px;
    height:220px;
    border:1px solid rgba(48,181,244,.07);
    border-radius:50%;
}

.nw-internal-page .form-heading .eyebrow{
    font-size:10px!important;
    letter-spacing:1px!important;
}

.nw-internal-page .form-heading h1{
    margin-top:7px!important;
    color:#eef9fe!important;
    font-size:34px!important;
    line-height:1.08!important;
    letter-spacing:-.8px!important;
}

.nw-internal-page .form-heading .muted{
    max-width:720px;
    margin-top:9px!important;
    color:#7893a6!important;
    font-size:13px!important;
    line-height:1.55!important;
}

/* Shared premium form */
.nw-internal-page .form-card{
    padding:24px!important;
    border:1px solid rgba(46,174,239,.10)!important;
    border-radius:17px!important;
    background:
        linear-gradient(180deg,rgba(7,27,45,.86),rgba(4,18,31,.90))!important;
    box-shadow:
        0 20px 50px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.018)!important;
}

.nw-internal-page .form-card label,
.nw-internal-modal label{
    color:#9ab1c2!important;
    font-size:12px!important;
    font-weight:800!important;
}

.nw-internal-page input,
.nw-internal-page textarea,
.nw-internal-page select,
.nw-internal-modal input,
.nw-internal-modal textarea,
.nw-internal-modal select{
    min-height:49px!important;
    border-color:rgba(64,161,217,.12)!important;
    border-radius:11px!important;
    color:#e9f5fb!important;
    background:rgba(3,16,28,.72)!important;
    font-size:13px!important;
}

.nw-internal-page textarea,
.nw-internal-modal textarea{
    min-height:120px!important;
    padding-top:13px!important;
    line-height:1.55!important;
}

.nw-internal-page input:focus,
.nw-internal-page textarea:focus,
.nw-internal-page select:focus,
.nw-internal-modal input:focus,
.nw-internal-modal textarea:focus,
.nw-internal-modal select:focus{
    border-color:rgba(48,194,255,.34)!important;
    box-shadow:
        0 0 0 3px rgba(25,154,229,.07),
        0 0 20px rgba(29,160,235,.035)!important;
}

.nw-internal-page .btn.big{
    min-height:54px!important;
    font-size:13px!important;
    border-radius:12px!important;
}

/* =========================================================
   RECEIPT CAPTURE
========================================================= */
.nw-receipt-page .receipt-capture-shell{
    max-width:1280px!important;
}

.nw-receipt-page .batch-success{
    border-color:rgba(65,215,164,.14)!important;
    border-radius:13px!important;
    background:rgba(65,215,164,.045)!important;
}

.nw-receipt-page .batch-success strong{
    font-size:13px!important;
}

.nw-receipt-page .batch-success span{
    font-size:10px!important;
}

.nw-receipt-page .batch-summary{
    grid-template-columns:1fr 1fr 1.2fr!important;
    gap:9px!important;
    margin-bottom:14px!important;
}

.nw-receipt-page .batch-summary>div{
    min-height:88px;
    padding:14px!important;
    border:1px solid rgba(42,166,232,.09)!important;
    border-radius:12px!important;
    background:rgba(7,29,47,.64)!important;
}

.nw-receipt-page .batch-summary span{
    font-size:9px!important;
}

.nw-receipt-page .batch-summary strong{
    margin-top:5px!important;
    font-size:17px!important;
}

.nw-receipt-page .nw-receipt-workspace{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(340px,.85fr);
    gap:14px;
    align-items:start;
}

.nw-receipt-capture-column,
.nw-receipt-data-column{
    display:grid;
    gap:12px;
}

.nw-receipt-page .camera-box{
    min-height:360px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    padding:24px!important;
    border:1px dashed rgba(56,189,248,.23)!important;
    border-radius:15px!important;
    background:
        radial-gradient(circle at 50% 35%,rgba(31,158,229,.09),transparent 13rem),
        rgba(3,17,29,.54)!important;
    transition:.16s ease!important;
}

.nw-receipt-page .camera-box:hover{
    border-color:rgba(62,205,255,.39)!important;
    background:
        radial-gradient(circle at 50% 35%,rgba(31,158,229,.13),transparent 14rem),
        rgba(5,25,42,.66)!important;
}

.nw-receipt-page .camera-icon{
    font-size:42px!important;
}

.nw-receipt-page .camera-box>strong{
    margin-top:12px!important;
    color:#e8f5fb!important;
    font-size:20px!important;
}

.nw-receipt-page .camera-box>small{
    margin-top:6px!important;
    color:#688499!important;
    font-size:11px!important;
}

.nw-receipt-page .ocr-panel{
    padding:16px!important;
    border-color:rgba(44,186,247,.14)!important;
    border-radius:13px!important;
    background:rgba(8,41,65,.40)!important;
}

.nw-receipt-page .ocr-kicker{
    font-size:8.5px!important;
}

.nw-receipt-page .ocr-panel-head strong{
    font-size:13px!important;
}

.nw-receipt-page .ocr-percent{
    font-size:13px!important;
}

.nw-receipt-page .ocr-panel p{
    font-size:10px!important;
}

.nw-receipt-page .receipt-fields-grid{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
}

.nw-receipt-page .receipt-confirm-note{
    padding:13px!important;
    border-radius:11px!important;
    background:rgba(60,201,164,.035)!important;
}

.nw-receipt-page .receipt-confirm-note p{
    font-size:10px!important;
    line-height:1.5!important;
}

.nw-receipt-page .receipt-save-actions{
    display:grid!important;
    grid-template-columns:.85fr 1.15fr!important;
    gap:9px!important;
    margin-top:5px!important;
}

.nw-receipt-page .batch-save-help{
    font-size:9px!important;
    line-height:1.5!important;
}

/* =========================================================
   PHOTO CAPTURE
========================================================= */
.nw-photo-page .form-card{
    max-width:850px;
    margin-inline:auto;
}

.nw-photo-page .camera-box{
    min-height:410px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px dashed rgba(61,202,255,.22)!important;
    border-radius:16px!important;
    background:
        radial-gradient(circle at 50% 35%,rgba(35,166,233,.10),transparent 14rem),
        rgba(3,17,29,.52)!important;
}

.nw-photo-page .camera-icon{
    font-size:52px!important;
}

.nw-photo-page .camera-box>strong{
    margin-top:12px!important;
    font-size:20px!important;
}

.nw-photo-page .camera-box>small{
    margin-top:6px!important;
    font-size:11px!important;
}

.nw-photo-page .skip-link{
    font-size:10px!important;
}

/* =========================================================
   NEW / EDIT JOB
========================================================= */
.nw-new-job-page .form-card,
.nw-edit-job-page .form-card{
    max-width:900px;
    margin-inline:auto;
}

.nw-new-job-page .form-card,
.nw-edit-job-page .form-card{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:16px 14px!important;
}

.nw-new-job-page .form-card>label:nth-last-of-type(1),
.nw-edit-job-page .form-card>label:nth-last-of-type(1){
    grid-column:1/-1;
}

.nw-new-job-page .form-card>.btn,
.nw-edit-job-page .form-card>.btn{
    grid-column:1/-1;
}

.nw-new-job-page .money-input,
.nw-edit-job-page .money-input{
    min-height:49px!important;
}

/* =========================================================
   NOTE / MEASUREMENT MODALS
========================================================= */
.nw-internal-modal{
    background:
        radial-gradient(circle at 50% 0%,rgba(27,133,220,.11),transparent 30rem),
        rgba(2,10,18,.90)!important;
}

.nw-internal-modal .note-modal-backdrop{
    padding:22px!important;
    background:rgba(1,8,14,.72)!important;
    backdrop-filter:blur(12px);
}

.nw-internal-modal .note-modal-card{
    width:min(760px,calc(100vw - 30px))!important;
    max-height:calc(100vh - 36px)!important;
    overflow:auto!important;
    padding:22px!important;
    border:1px solid rgba(49,181,244,.15)!important;
    border-radius:18px!important;
    background:
        radial-gradient(circle at 90% 0%,rgba(37,164,236,.09),transparent 17rem),
        linear-gradient(180deg,#081c2d,#051522)!important;
    box-shadow:0 30px 80px rgba(0,0,0,.42)!important;
}

.nw-internal-modal .measurement-modal{
    width:min(940px,calc(100vw - 30px))!important;
}

.nw-modal-brand{
    display:grid;
    grid-template-columns:42px auto 1fr;
    gap:9px;
    align-items:center;
    margin-bottom:15px;
    padding-bottom:13px;
    border-bottom:1px solid rgba(54,175,237,.08);
}

.nw-modal-brand img{
    width:40px;
    height:40px;
    object-fit:contain;
    border-radius:10px;
    filter:drop-shadow(0 0 8px rgba(39,192,255,.16));
}

.nw-modal-brand span{
    color:#e5f3fa;
    font-size:15px;
    font-weight:900;
}

.nw-modal-brand span b{
    color:#38c5ff;
}

.nw-modal-brand small{
    justify-self:end;
    color:#5f7c91;
    font-size:9px;
}

.nw-internal-modal .note-modal-head{
    margin-bottom:17px!important;
}

.nw-internal-modal .note-modal-head .eyebrow{
    font-size:9px!important;
}

.nw-internal-modal .note-modal-head h1{
    margin-top:5px!important;
    font-size:28px!important;
}

.nw-internal-modal .note-modal-head p{
    margin-top:5px!important;
    font-size:11px!important;
}

.nw-internal-modal .modal-close{
    width:38px!important;
    height:38px!important;
    border-radius:10px!important;
    font-size:22px!important;
}

.nw-internal-modal .voice-button{
    width:46px!important;
    height:46px!important;
    border-radius:12px!important;
}

.nw-internal-modal .voice-status-row{
    font-size:9px!important;
}

.nw-measurement-page .room-presets{
    gap:7px!important;
}

.nw-measurement-page .room-presets button{
    min-height:37px!important;
    padding:0 12px!important;
    font-size:10px!important;
}

.nw-measurement-page .measurement-fields{
    gap:9px!important;
}

.nw-measurement-page .measurement-results{
    gap:9px!important;
}

.nw-measurement-page .measurement-results article{
    min-height:90px!important;
    padding:13px!important;
    border-color:rgba(49,181,244,.09)!important;
    background:rgba(5,27,44,.64)!important;
}

.nw-measurement-page .measurement-results span{
    font-size:9px!important;
}

.nw-measurement-page .measurement-results strong{
    margin-top:5px!important;
    font-size:18px!important;
}

.nw-measurement-page .measurement-results small{
    margin-top:4px!important;
    font-size:8px!important;
}

.nw-internal-modal .note-modal-actions{
    gap:9px!important;
}

.nw-internal-modal .note-modal-actions .btn{
    min-height:48px!important;
    font-size:12px!important;
}

/* =========================================================
   Mobile
========================================================= */
@media(max-width:720px){
    .nw-internal-header .header-inner{
        min-height:62px!important;
    }

    .nw-internal-header .brand-mark{
        width:36px!important;
        height:36px!important;
        flex-basis:36px!important;
    }

    .nw-internal-header .brand.small{
        font-size:17px!important;
    }

    .nw-internal-header .brand-sub{
        font-size:8px!important;
    }

    .nw-internal-back{
        min-height:36px!important;
        padding:0 10px!important;
        font-size:9px!important;
    }

    .nw-internal-page .app-shell.narrow{
        width:auto!important;
        padding:14px 12px 84px!important;
    }

    .nw-internal-page .form-heading{
        margin-bottom:10px;
        padding:17px;
        border-radius:15px;
    }

    .nw-internal-page .form-heading h1{
        font-size:27px!important;
    }

    .nw-internal-page .form-heading .muted{
        font-size:10px!important;
    }

    .nw-internal-page .form-card{
        padding:15px!important;
        border-radius:15px!important;
    }

    .nw-internal-page .form-card label,
    .nw-internal-modal label{
        font-size:10px!important;
    }

    .nw-internal-page input,
    .nw-internal-page textarea,
    .nw-internal-page select,
    .nw-internal-modal input,
    .nw-internal-modal textarea,
    .nw-internal-modal select{
        min-height:47px!important;
        font-size:12px!important;
    }

    .nw-receipt-page .batch-summary{
        grid-template-columns:1fr 1fr!important;
    }

    .nw-receipt-page .batch-summary-hint{
        grid-column:1/-1;
    }

    .nw-receipt-page .nw-receipt-workspace{
        grid-template-columns:1fr;
    }

    .nw-receipt-page .camera-box{
        min-height:290px!important;
    }

    .nw-receipt-page .camera-box>strong{
        font-size:17px!important;
    }

    .nw-receipt-page .receipt-fields-grid{
        grid-template-columns:1fr!important;
    }

    .nw-receipt-page .receipt-save-actions{
        grid-template-columns:1fr!important;
    }

    .nw-photo-page .camera-box{
        min-height:300px!important;
    }

    .nw-new-job-page .form-card,
    .nw-edit-job-page .form-card{
        grid-template-columns:1fr;
        gap:12px!important;
    }

    .nw-new-job-page .form-card>label:nth-last-of-type(1),
    .nw-edit-job-page .form-card>label:nth-last-of-type(1),
    .nw-new-job-page .form-card>.btn,
    .nw-edit-job-page .form-card>.btn{
        grid-column:auto;
    }

    .nw-internal-modal .note-modal-backdrop{
        padding:8px!important;
        align-items:flex-end!important;
    }

    .nw-internal-modal .note-modal-card,
    .nw-internal-modal .measurement-modal{
        width:100%!important;
        max-height:92vh!important;
        padding:16px!important;
        border-radius:18px 18px 0 0!important;
    }

    .nw-modal-brand{
        grid-template-columns:36px 1fr;
        gap:8px;
    }

    .nw-modal-brand img{
        width:34px;
        height:34px;
    }

    .nw-modal-brand span{
        font-size:13px;
    }

    .nw-modal-brand small{
        grid-column:2;
        justify-self:start;
        margin-top:-7px;
        font-size:8px;
    }

    .nw-internal-modal .note-modal-head h1{
        font-size:23px!important;
    }

    .nw-measurement-page .measurement-fields{
        grid-template-columns:1fr 1fr!important;
    }

    .nw-measurement-page .measurement-fields label:last-child{
        grid-column:1/-1;
    }

    .nw-measurement-page .measurement-results{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:390px){
    .nw-measurement-page .measurement-fields{
        grid-template-columns:1fr!important;
    }

    .nw-measurement-page .measurement-fields label:last-child{
        grid-column:auto;
    }

    .nw-receipt-page .batch-summary{
        grid-template-columns:1fr!important;
    }

    .nw-receipt-page .batch-summary-hint{
        grid-column:auto;
    }
}


/* =========================================================
   SYSLY WORK v0.8.1 — JOB PAGE POLISH
   Compact actions + stronger navigation + tighter brand strip
========================================================= */

/* Back to objects: clearer and easier to hit */
.nw-job-page .simple-back-link{
    min-height:42px !important;
    padding:0 14px !important;
    gap:8px !important;
    border:1px solid rgba(55,181,241,.12) !important;
    border-radius:10px !important;
    color:#a8c2d3 !important;
    background:rgba(13,70,108,.08) !important;
    font-size:11px !important;
    font-weight:850 !important;
    transition:
        border-color .16s ease,
        background .16s ease,
        color .16s ease,
        transform .16s ease !important;
}

.nw-job-page .simple-back-link:hover{
    color:#d9f1fb !important;
    border-color:rgba(61,198,255,.24) !important;
    background:rgba(22,108,164,.12) !important;
    transform:translateY(-1px);
}

.nw-job-page .simple-back-link svg{
    width:18px !important;
    height:18px !important;
}

/* Active object label: less washed out */
.nw-job-page .simple-object-kicker{
    color:#83a8bd !important;
    font-size:11px !important;
    font-weight:950 !important;
}

.nw-job-page .simple-object-kicker .simple-status-dot{
    opacity:1 !important;
}

/* Action cards: ~15% more compact, without reducing readability */
.nw-job-page .simple-action-card{
    min-height:150px !important;
    padding:17px !important;
}

.nw-job-page .simple-action-grid{
    gap:10px !important;
}

.nw-job-page .simple-action-icon{
    width:45px !important;
    height:45px !important;
}

.nw-job-page .simple-action-icon svg{
    width:23px !important;
    height:23px !important;
}

.nw-job-page .simple-action-copy strong{
    font-size:16px !important;
}

.nw-job-page .simple-action-copy small{
    margin-top:5px !important;
    font-size:10.5px !important;
}

.nw-job-page .simple-action-arrow{
    right:16px !important;
    bottom:15px !important;
}

/* Brand strip: tighter, more like a signature than a full section */
.nw-job-brand-strip{
    min-height:92px !important;
    margin:12px 0 !important;
    padding:14px 18px !important;
    grid-template-columns:50px 1fr auto !important;
    gap:13px !important;
}

.nw-job-brand-mark{
    width:46px !important;
    height:46px !important;
}

.nw-job-brand-copy>span{
    font-size:9px !important;
}

.nw-job-brand-copy>strong{
    margin-top:2px !important;
    font-size:21px !important;
}

.nw-job-brand-copy>small{
    margin-top:3px !important;
    font-size:10px !important;
}

.nw-job-brand-line{
    width:150px !important;
    height:38px !important;
}

.nw-job-brand-line i:nth-child(1){
    top:5px !important;
    width:100px !important;
}

.nw-job-brand-line i:nth-child(2){
    top:18px !important;
    width:145px !important;
}

.nw-job-brand-line i:nth-child(3){
    top:31px !important;
    width:82px !important;
}

/* Slightly tighter transition into Today */
.nw-job-page .simple-today-section{
    margin-top:10px !important;
}

/* Mobile */
@media(max-width:640px){
    .nw-job-page .simple-back-link{
        min-height:38px !important;
        padding:0 11px !important;
        font-size:9px !important;
    }

    .nw-job-page .simple-back-link span{
        display:inline !important;
    }

    .nw-job-page .simple-object-kicker{
        font-size:9px !important;
    }

    .nw-job-page .simple-action-card{
        min-height:132px !important;
        padding:13px !important;
    }

    .nw-job-page .simple-action-icon{
        width:40px !important;
        height:40px !important;
    }

    .nw-job-page .simple-action-copy strong{
        font-size:13px !important;
    }

    .nw-job-page .simple-action-copy small{
        font-size:8.5px !important;
    }

    .nw-job-brand-strip{
        min-height:82px !important;
        grid-template-columns:42px 1fr !important;
        gap:10px !important;
        margin:9px 0 !important;
        padding:12px 13px !important;
    }

    .nw-job-brand-mark{
        width:40px !important;
        height:40px !important;
    }

    .nw-job-brand-copy>span{
        font-size:7.5px !important;
    }

    .nw-job-brand-copy>strong{
        font-size:16px !important;
    }

    .nw-job-brand-copy>small{
        font-size:8px !important;
    }

    .nw-job-brand-line{
        display:none !important;
    }
}

@media(max-width:390px){
    .nw-job-page .simple-action-card{
        min-height:105px !important;
    }
}


/* =========================================================
   SysLY Work v0.90 — expired trial / read-only state
========================================================= */
.work-readonly-banner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:0 0 24px;
    padding:16px 18px;
    border:1px solid rgba(255,184,77,.28);
    border-radius:16px;
    background:rgba(255,184,77,.08);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.work-readonly-banner>div{display:flex;flex-direction:column;gap:4px;}
.work-readonly-banner strong{font-size:14px;color:#fff;}
.work-readonly-banner span{font-size:12px;line-height:1.5;color:rgba(255,255,255,.72);}
.work-readonly-banner a{white-space:nowrap;text-decoration:none;font-weight:700;font-size:12px;color:#fff;}
.work-readonly-banner.compact{margin-bottom:16px;}

/* Dashboard write actions */
.work-readonly .nw-nav a[href^="new-job.php"],
.work-readonly .nw-hero-actions a[href^="new-job.php"],
.work-readonly .nw-projects a[href^="new-job.php"],
.work-readonly .nw-empty a[href^="new-job.php"],
.work-readonly a[href^="add-receipt.php"],
.work-readonly a[href^="add-job-photo.php"],
.work-readonly a[href^="add-measurement.php"],
.work-readonly a[href^="add-note.php"],
.work-readonly a[href^="edit-job.php"]{
    opacity:.38 !important;
    pointer-events:none !important;
    cursor:not-allowed !important;
    filter:saturate(.45);
}

/* Object page mutation forms */
.work-readonly form[action="start-day.php"],
.work-readonly form[action="end-day.php"],
.work-readonly form[action="resume-day.php"],
.work-readonly form[action="delete-receipt.php"],
.work-readonly form[action="delete-measurement.php"],
.work-readonly form[action="delete-job.php"],
.work-readonly form[action="material-item-action.php"]{
    opacity:.38 !important;
    pointer-events:none !important;
    filter:saturate(.45);
}

@media(max-width:640px){
    .work-readonly-banner{align-items:flex-start;flex-direction:column;padding:14px 15px;margin-bottom:16px;}
    .work-readonly-banner strong{font-size:13px;}
    .work-readonly-banner span{font-size:11px;}
}

/* v0.90 Final Foundation — read-only materials page */
.work-materials-readonly .shopping-add-form,
.work-materials-readonly form[action="material-item-action.php"]{opacity:.38;pointer-events:none;filter:saturate(.45);}

/* =========================================================
   SysLY Work v0.91 — UX + Mobile + Language Final
========================================================= */

/* Start/feedback messages should read as actions, not system logs. */
.nw-job-page .simple-flash{
    min-height:52px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 16px;
    font-size:11px;
    line-height:1.45;
}

.nw-job-page .simple-flash.success{
    border-color:rgba(73,216,168,.18);
    background:linear-gradient(90deg,rgba(49,170,132,.09),rgba(49,170,132,.035));
}

.nw-job-page .simple-flash .alert-icon{
    width:24px;
    height:24px;
    flex:0 0 24px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(73,216,168,.12);
}

/* Stronger hierarchy while a day is running. */
.nw-job-page .simple-workday-state>strong.simple-live-time{
    font-variant-numeric:tabular-nums;
    text-shadow:0 0 22px rgba(83,199,255,.08);
}

.nw-job-page .simple-main-work-btn.finish{
    border-color:rgba(71,214,164,.24);
    background:linear-gradient(135deg,rgba(71,214,164,.105),rgba(31,123,102,.08));
}

/* Keep the four core actions equally legible and tappable. */
.nw-job-page .simple-action-copy{
    padding-right:20px;
}

.nw-job-page .simple-action-card{
    touch-action:manipulation;
}

/* The brand strip is a signature, not another content section. */
.nw-job-brand-strip{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}

/* Mobile-first final pass. */
@media(max-width:640px){
    .nw-job-page .simple-job-shell{
        padding-left:12px;
        padding-right:12px;
    }

    .nw-job-page .simple-flash{
        min-height:48px;
        margin-bottom:10px;
        padding:10px 12px;
        border-radius:13px;
        font-size:9.5px;
    }

    .nw-job-page .simple-object-hero{
        gap:10px;
        padding:14px;
    }

    .nw-job-page .simple-object-copy h1{
        font-size:clamp(31px,10vw,38px);
        line-height:1.02;
        overflow-wrap:anywhere;
    }

    .nw-job-page .simple-workday-card{
        gap:12px;
        padding:14px;
    }

    .nw-job-page .simple-main-work-btn{
        min-height:52px;
        font-size:12px;
    }

    .nw-job-page .simple-action-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .nw-job-page .simple-action-card{
        min-width:0;
        min-height:126px !important;
        padding:12px !important;
        border-radius:14px;
    }

    .nw-job-page .simple-action-copy{
        padding-right:14px;
    }

    .nw-job-page .simple-action-copy strong{
        font-size:13px !important;
        line-height:1.18;
    }

    .nw-job-page .simple-action-copy small{
        font-size:8.5px !important;
        line-height:1.35;
    }

    .nw-job-page .simple-action-arrow{
        right:11px !important;
        bottom:11px !important;
    }

    .nw-job-brand-strip{
        min-height:72px !important;
        padding:10px 12px !important;
    }

    .nw-job-brand-copy>small{
        display:none;
    }

    .nw-job-page .simple-today-section{
        margin-top:8px !important;
    }

    .nw-job-page .today-stat-grid{
        grid-template-columns:1fr !important;
    }
}

/* Keep the 2x2 action layout even on narrow phones: it is faster to scan. */
@media(max-width:390px){
    .nw-job-page .simple-action-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .nw-job-page .simple-action-card{
        min-height:118px !important;
        padding:11px !important;
    }

    .nw-job-page .simple-action-icon{
        width:38px !important;
        height:38px !important;
    }

    .nw-job-page .simple-action-icon svg{
        width:20px !important;
        height:20px !important;
    }

    .nw-job-page .simple-action-copy strong{
        font-size:12px !important;
    }

    .nw-job-page .simple-action-copy small{
        font-size:8px !important;
    }
}

/* =========================================================
   SysLY Work v0.91.1 — Motion + Dashboard Language Polish
   Subtle, mobile-safe interaction feedback.
========================================================= */

/* Dashboard KPI cards: restrained lift + icon response */
.nw-kpi-grid article{
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.nw-kpi-grid article:hover{
    transform:translateY(-2px);
    border-color:rgba(49,194,255,.18);
    box-shadow:0 12px 30px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.018);
}
.nw-kpi-icon{
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.nw-kpi-grid article:hover .nw-kpi-icon{
    transform:translateY(-1px) scale(1.035);
    border-color:rgba(49,194,255,.28);
    box-shadow:0 0 18px rgba(35,180,250,.09),inset 0 0 20px rgba(22,150,226,.055);
}

/* Projects: arrow and icon react independently so hover feels tactile */
.nw-project-icon,
.nw-project-arrow{
    transition:transform .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease;
}
.nw-project-row:hover .nw-project-icon{
    transform:scale(1.045);
    background:rgba(28,147,216,.12);
    box-shadow:0 0 18px rgba(38,182,247,.07);
}
.nw-project-row:hover .nw-project-arrow{
    transform:translateX(3px);
    color:#76dcff;
}

/* Activity timeline: latest item has a quiet living pulse */
.nw-activity-item:first-child .nw-activity-dot{
    animation:nwActivityPulse 2.8s ease-out infinite;
}
.nw-activity-icon{
    transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.nw-activity-item:hover .nw-activity-icon{
    transform:translateY(-1px);
    border-color:rgba(49,194,255,.18);
    background:rgba(22,126,188,.09);
}

/* Quick actions: press feedback is especially useful on touch devices */
.nw-actions-grid a{
    position:relative;
    overflow:hidden;
    transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.nw-actions-grid a:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(0,0,0,.10);
}
.nw-actions-grid a:active{
    transform:scale(.975);
}
.nw-actions-grid a svg,
.nw-actions-grid a>span:first-child{
    transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.nw-actions-grid a:hover svg,
.nw-actions-grid a:hover>span:first-child{
    transform:scale(1.06);
}
.nw-actions-grid a:hover>span:first-child{
    box-shadow:0 0 22px rgba(25,157,244,.38);
}

/* Brand memory card: tiny ambient accent, not a distracting animation */
.nw-smart-card{
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.nw-smart-card:hover{
    transform:translateY(-1px);
    border-color:rgba(39,187,250,.26);
    box-shadow:0 10px 26px rgba(0,0,0,.08);
}
.nw-smart-card .bolt{
    animation:nwBoltBreath 3.4s ease-in-out infinite;
}

/* Object screen: a little more life without changing layout */
.simple-workday-card{
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.simple-workday-card:hover{
    border-color:rgba(91,193,255,.15);
    box-shadow:0 14px 34px rgba(0,0,0,.10);
}
.simple-action-card:hover .simple-action-icon{
    transform:translateY(-1px) scale(1.045);
}
.simple-action-icon{
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.simple-action-card:hover .simple-action-arrow{
    transform:translateX(3px);
}

@keyframes nwActivityPulse{
    0%{box-shadow:0 0 0 0 rgba(41,189,249,.24),0 0 8px rgba(41,189,249,.25)}
    70%{box-shadow:0 0 0 7px rgba(41,189,249,0),0 0 10px rgba(41,189,249,.24)}
    100%{box-shadow:0 0 0 0 rgba(41,189,249,0),0 0 8px rgba(41,189,249,.25)}
}

@keyframes nwBoltBreath{
    0%,100%{transform:scale(1);filter:brightness(1)}
    50%{transform:scale(1.045);filter:brightness(1.16)}
}

/* Respect OS accessibility setting and keep low-end/mobile devices calm. */
@media(prefers-reduced-motion:reduce){
    .nw-kpi-grid article,
    .nw-kpi-icon,
    .nw-project-icon,
    .nw-project-arrow,
    .nw-activity-dot,
    .nw-activity-icon,
    .nw-actions-grid a,
    .nw-actions-grid a svg,
    .nw-actions-grid a>span:first-child,
    .nw-smart-card,
    .nw-smart-card .bolt,
    .simple-workday-card,
    .simple-action-icon,
    .simple-action-arrow{
        animation:none!important;
        transition:none!important;
        transform:none!important;
        filter:none!important;
    }
}


/* v0.92.1 security-safe form controls */
.nw-logout-form{margin:0;display:inline-flex}.nw-logout-form .nw-logout{font:inherit;cursor:pointer}.link-button{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.nw-mobile-logout-form{display:contents}.nw-mobile-logout-form button{appearance:none;-webkit-appearance:none;background:none;border:0;color:inherit;font:inherit;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:100%;cursor:pointer}.nw-mobile-logout-form svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.work-access-stale{border-color:rgba(88,193,255,.26);background:rgba(41,149,255,.075)}


/* =========================================================
   SysLY Work v0.93 — RC non-voice polish
========================================================= */
.nw-activity-extra{display:none;}
.nw-activity-list.show-all .nw-activity-extra{display:grid;}
.nw-activity-more{
    width:100%;
    min-height:42px;
    margin-top:12px;
    border:1px solid rgba(91,193,255,.16);
    border-radius:12px;
    background:rgba(41,149,255,.055);
    color:#9fdcff;
    font-weight:800;
    font-size:11px;
    cursor:pointer;
    transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.nw-activity-more:hover{transform:translateY(-1px);border-color:rgba(91,193,255,.32);background:rgba(41,149,255,.09);}
.nw-activity-more:active{transform:translateY(0) scale(.99);}
.materials-brand-logo{width:38px;height:38px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 0 12px rgba(41,149,255,.22));}
.shopping-check.static{display:grid;place-items:center;opacity:.75;cursor:default;}
.work-readonly [aria-disabled="true"]{cursor:not-allowed!important;}
@media(max-width:640px){
    .nw-activity-more{min-height:44px;font-size:10px;}
    .materials-brand-logo{width:36px;height:36px;}
}
@media(prefers-reduced-motion:reduce){.nw-activity-more{transition:none!important;}}

/* =========================================================
   SysLY Work v0.94 — Professional mode + Quotes
========================================================= */
.v094-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 70px}
.v094-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px;padding:30px 32px;border:1px solid rgba(91,193,255,.15);border-radius:24px;background:linear-gradient(135deg,rgba(16,40,61,.9),rgba(7,22,36,.92));box-shadow:0 24px 70px rgba(0,0,0,.18)}
.v094-hero h1{margin:6px 0 8px;font-size:clamp(30px,4vw,48px);line-height:1.03;letter-spacing:-.035em}.v094-hero p{max-width:720px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}.v094-hero-chip{min-width:220px;padding:16px 18px;border:1px solid rgba(91,193,255,.2);border-radius:17px;background:rgba(41,149,255,.07);text-decoration:none}.v094-hero-chip span,.v094-hero-chip small{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.09em}.v094-hero-chip strong{display:block;margin-top:6px;font-size:18px}.v094-hero-chip.link:hover{transform:translateY(-2px);border-color:rgba(91,193,255,.36)}
.v094-profession-panel,.v094-business-panel,.quote-main-card,.quote-items-card,.quote-terms-card,.quote-total-card{padding:26px;margin-bottom:22px}
.v094-profession-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.v094-profession-card{position:relative;display:flex;min-height:148px;flex-direction:column;gap:7px;padding:20px;border:1px solid rgba(147,190,225,.12);border-radius:18px;background:rgba(255,255,255,.025);cursor:pointer;transition:.2s ease}.v094-profession-card input{position:absolute;opacity:0;pointer-events:none}.v094-profession-card strong{font-size:18px}.v094-profession-card small{color:var(--muted);line-height:1.45}.v094-profession-card em{margin-top:auto;color:#5bc1ff;font-size:12px;font-style:normal}.v094-profession-check{position:absolute;right:14px;top:14px;width:26px;height:26px;border:1px solid rgba(91,193,255,.18);border-radius:50%;display:grid;place-items:center;color:transparent}.v094-profession-card:has(input:checked){border-color:rgba(91,193,255,.55);background:linear-gradient(145deg,rgba(41,149,255,.14),rgba(49,227,208,.05));box-shadow:0 12px 38px rgba(41,149,255,.08)}.v094-profession-card:has(input:checked) .v094-profession-check{color:#07111f;background:#5bc1ff;border-color:#5bc1ff}.v094-profession-card:hover{transform:translateY(-2px);border-color:rgba(91,193,255,.34)}
.v094-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 22px}.v094-form-grid label{display:flex;flex-direction:column;gap:8px;color:#dceaf5;font-weight:650}.v094-form-grid label.wide{grid-column:1/-1}.v094-form-grid label small{color:var(--muted);font-weight:400}.v094-form-grid input,.v094-form-grid textarea,.v094-form-grid select{width:100%;border:1px solid rgba(147,190,225,.16);border-radius:13px;background:#081827;color:#fff;padding:13px 14px;outline:none}.v094-form-grid input:focus,.v094-form-grid textarea:focus,.v094-form-grid select:focus{border-color:rgba(91,193,255,.55);box-shadow:0 0 0 3px rgba(41,149,255,.08)}
.v094-new-job-template{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid rgba(91,193,255,.18);border-radius:16px;background:rgba(41,149,255,.065)}.v094-new-job-template div{display:flex;flex-direction:column;gap:4px}.v094-new-job-template strong{font-size:18px}.v094-new-job-template small{color:var(--muted)}.v094-new-job-template a{color:#6fdcff;text-decoration:none;font-weight:700;white-space:nowrap}.v094-new-job-template+input+label select{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:13px;background:#081827;color:#fff;padding:13px 14px}
.nw-profession-side-card{display:block;text-decoration:none;transition:.2s ease}.nw-profession-side-card:hover{transform:translateY(-2px);border-color:rgba(91,193,255,.3)}
.v094-trade-badge{color:#89dfff!important;border:1px solid rgba(91,193,255,.18);background:rgba(41,149,255,.07);padding:5px 9px;border-radius:999px}
.v094-quote-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:22px 0;padding:22px 24px;border:1px solid rgba(91,193,255,.19);border-radius:20px;background:linear-gradient(120deg,rgba(41,149,255,.10),rgba(49,227,208,.04),rgba(8,24,39,.78));box-shadow:0 20px 55px rgba(0,0,0,.14)}.v094-quote-cta>div:first-child{display:flex;flex-direction:column;gap:5px}.v094-quote-cta strong{font-size:19px}.v094-quote-cta small{color:var(--muted)}.v094-quote-cta-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.quote-editor-hero{margin-bottom:20px}.quote-items-head,.quote-item-row{display:grid;grid-template-columns:minmax(330px,2.3fr) 110px 85px 120px 125px 40px;gap:10px;align-items:center}.quote-items-head{padding:0 8px 10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.quote-item-row{padding:10px 8px;border-top:1px solid rgba(147,190,225,.085)}.quote-item-row input{width:100%;min-width:0;border:1px solid rgba(147,190,225,.14);border-radius:11px;background:#071725;color:#fff;padding:10px 11px}.quote-desc{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px}.quote-line-total{text-align:right;font-size:15px}.quote-row-remove{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,117,134,.08);color:#ff91a0;font-size:22px;cursor:pointer}.quote-row-remove:hover{background:rgba(255,117,134,.16)}
.quote-editor-bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:22px;align-items:start}.quote-total-card{position:sticky;top:92px;display:flex;flex-direction:column;gap:13px}.quote-total-card>span{color:var(--muted);font-size:13px}.quote-total-card>strong{font-size:28px}.quote-total-card label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:13px}.quote-total-card input{border:1px solid rgba(147,190,225,.14);border-radius:12px;background:#071725;color:#fff;padding:11px}.quote-grand-total{margin:8px -4px 4px;padding:18px;border:1px solid rgba(91,193,255,.24);border-radius:16px;background:rgba(41,149,255,.09)}.quote-grand-total span{display:block;color:#91aac0;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.quote-grand-total strong{display:block;margin-top:4px;color:#eaf9ff;font-size:34px}
.quote-list{display:flex;flex-direction:column}.quote-list-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 130px 30px;align-items:center;gap:14px;padding:18px 8px;border-top:1px solid rgba(147,190,225,.09);text-decoration:none}.quote-list-row:first-child{border-top:0}.quote-list-row div{display:flex;flex-direction:column;gap:4px}.quote-list-row small{color:var(--muted)}.quote-list-row>strong{text-align:right}.quote-list-row em{font-style:normal;color:#5bc1ff;font-size:20px}.quote-list-row:hover{background:rgba(41,149,255,.035)}.v094-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:220px;text-align:center;color:var(--muted)}.v094-empty strong{color:#fff;font-size:20px}
.quote-status{display:inline-flex;width:max-content;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.quote-status.draft{background:rgba(120,144,168,.12);color:#9fb3c7}.quote-status.sent{background:rgba(41,149,255,.12);color:#6bc4ff}.quote-status.accepted{background:rgba(66,216,160,.12);color:#65e3b3}.quote-status.rejected{background:rgba(255,117,134,.12);color:#ff8f9f}
/* Quote document */
.quote-document-page{margin:0;min-height:100vh;background:#06111d;color:#102030;font-family:Inter,Arial,sans-serif}.quote-screen-toolbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:14px;padding:14px max(18px,calc((100vw - 980px)/2));background:rgba(5,15,26,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(147,190,225,.12)}.quote-screen-toolbar>div{display:flex;gap:10px}.quote-screen-alert{width:min(940px,calc(100% - 28px));margin:14px auto}.quote-paper{width:min(940px,calc(100% - 28px));margin:34px auto 28px;padding:54px 58px;background:#fff;border-radius:8px;box-shadow:0 26px 80px rgba(0,0,0,.32);color:#142332}.quote-doc-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:28px;border-bottom:2px solid #e7edf2}.quote-doc-brand{display:flex;align-items:center;gap:14px}.quote-doc-logo{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#139cff,#4fdcc5);color:#fff;font-size:28px;font-weight:900;box-shadow:0 8px 22px rgba(19,156,255,.2)}.quote-doc-brand strong{display:block;font-size:24px;letter-spacing:-.04em;color:#0e2031}.quote-doc-brand strong span{color:#178fe4}.quote-doc-brand small{display:block;margin-top:2px;color:#708292}.quote-doc-number{text-align:right}.quote-doc-number>span{display:block;color:#8394a3;font-size:11px;letter-spacing:.12em}.quote-doc-number>strong{display:block;margin:5px 0 7px;font-size:20px;color:#0f263a}.quote-parties{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:28px 0}.quote-parties>div{padding:18px 20px;background:#f6f9fb;border-radius:13px}.quote-parties span,.quote-doc-intro span,.quote-doc-notes span{display:block;color:#7c8f9f;font-size:10px;font-weight:800;letter-spacing:.11em}.quote-parties strong{display:block;margin:7px 0 6px;font-size:18px}.quote-parties p{margin:3px 0;color:#516475;font-size:13px}.quote-doc-intro{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:end;margin:4px 0 24px}.quote-doc-intro h1{margin:6px 0 8px;color:#0c2133;font-size:28px;line-height:1.15;letter-spacing:-.025em}.quote-doc-intro p{margin:0;color:#607484;line-height:1.55}.quote-doc-intro aside{padding:14px 16px;border-left:3px solid #1da3f1;background:#f5faff}.quote-doc-intro aside strong,.quote-doc-intro aside small{display:block}.quote-doc-intro aside strong{margin-top:5px}.quote-doc-intro aside small{margin-top:3px;color:#6e8292}.quote-doc-table{width:100%;border-collapse:collapse;margin-top:10px}.quote-doc-table th{padding:11px 12px;background:#0d273b;color:#fff;font-size:10px;text-align:left;letter-spacing:.06em;text-transform:uppercase}.quote-doc-table th:nth-child(n+2),.quote-doc-table td:nth-child(n+2){text-align:right}.quote-doc-table td{padding:13px 12px;border-bottom:1px solid #e5ebef;font-size:13px;vertical-align:top}.quote-doc-table td small{display:block;color:#8a9ba8;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.quote-doc-table td strong{display:block;margin-top:2px}.quote-doc-summary{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;margin-top:26px}.quote-doc-conditions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-doc-conditions>div{display:flex;flex-direction:column;gap:3px}.quote-doc-conditions>.wide{grid-column:1/-1}.quote-doc-conditions span{color:#8a9aa7;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.quote-doc-conditions strong{font-size:13px}.quote-doc-totals p,.quote-doc-totals>div{display:flex;justify-content:space-between;gap:18px;margin:0;padding:8px 12px}.quote-doc-totals p{color:#5d7181;font-size:13px}.quote-doc-totals>div{margin-top:5px;padding:16px;background:#0d273b;color:#fff;border-radius:10px}.quote-doc-totals>div span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.quote-doc-totals>div strong{font-size:22px}.quote-doc-notes{margin-top:26px;padding:18px 20px;border:1px solid #e4eaee;border-radius:12px;background:#fafcfd}.quote-doc-notes p{margin:7px 0 0;color:#5e7180;font-size:12px;line-height:1.6}.quote-doc-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:42px;padding-top:22px;border-top:1px solid #dfe7ec}.quote-doc-footer div{display:flex;flex-direction:column;gap:7px}.quote-doc-footer span{color:#8a99a5;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.quote-doc-footer strong{font-size:12px}.quote-status-actions{width:min(940px,calc(100% - 28px));margin:0 auto 60px;padding:18px;border:1px solid rgba(147,190,225,.12);border-radius:18px;background:#0a1a2a;color:#fff}.quote-status-actions form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quote-status-actions form>span{margin-right:6px;color:#7f96aa}.quote-state-btn{border:1px solid rgba(147,190,225,.14);border-radius:999px;padding:8px 12px;background:transparent;color:#a7bbcc;cursor:pointer}.quote-state-btn.active{border-color:rgba(91,193,255,.38);background:rgba(41,149,255,.11);color:#6ed0ff}.quote-status-actions p{margin:12px 0 0;color:#65e3b3;font-size:13px}
@media(max-width:900px){.v094-profession-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-items-head{display:none}.quote-item-row{grid-template-columns:1fr 1fr 1fr;gap:8px;padding:14px 0}.quote-desc{grid-column:1/-1}.quote-line-total{align-self:center;text-align:left}.quote-editor-bottom{grid-template-columns:1fr}.quote-total-card{position:static}.quote-doc-summary{grid-template-columns:1fr}.quote-paper{padding:36px 32px}}
@media(max-width:640px){.v094-shell{width:min(100% - 24px,1180px);padding-top:20px}.v094-hero{align-items:flex-start;flex-direction:column;padding:22px 20px}.v094-hero-chip{min-width:0;width:100%}.v094-profession-grid{grid-template-columns:1fr}.v094-form-grid{grid-template-columns:1fr}.v094-form-grid label.wide{grid-column:auto}.v094-new-job-template,.v094-quote-cta{align-items:flex-start;flex-direction:column}.v094-quote-cta-actions{width:100%}.v094-quote-cta-actions a{flex:1;text-align:center}.quote-item-row{grid-template-columns:1fr 1fr}.quote-desc{grid-column:1/-1;grid-template-columns:1fr}.quote-line-total{text-align:left}.quote-row-remove{justify-self:end}.quote-list-row{grid-template-columns:1fr auto}.quote-list-row>strong{grid-column:1/2;text-align:left}.quote-list-row em{position:absolute;right:24px}.quote-paper{width:calc(100% - 18px);margin:14px auto;padding:24px 18px}.quote-doc-head,.quote-parties,.quote-doc-intro,.quote-doc-footer{grid-template-columns:1fr;display:grid;gap:18px}.quote-doc-number{text-align:left}.quote-doc-table{font-size:11px}.quote-doc-table th,.quote-doc-table td{padding:9px 7px}.quote-screen-toolbar{padding:10px 12px;flex-wrap:wrap}.quote-screen-toolbar>div{margin-left:auto}}
@media print{.quote-document-page{background:#fff!important}.quote-screen-toolbar,.quote-screen-alert,.quote-status-actions{display:none!important}.quote-paper{width:100%;margin:0;padding:18mm 16mm;border-radius:0;box-shadow:none}.quote-doc-table thead{display:table-header-group}.quote-doc-table tr{break-inside:avoid}.quote-doc-notes,.quote-doc-summary,.quote-doc-footer{break-inside:avoid}@page{size:A4;margin:0}}
@media(prefers-reduced-motion:reduce){.v094-profession-card,.nw-profession-side-card,.v094-hero-chip{transition:none!important;transform:none!important}}

/* SysLY Work v0.94.1 – profession selector polish */
.v094-profession-note{
    max-width:760px;
    margin:8px 0 0;
    color:var(--muted);
    font-size:13px;
    line-height:1.55;
}
.v094-profession-card{
    overflow:hidden;
}
.v094-profession-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    margin-bottom:4px;
    border:1px solid rgba(91,193,255,.18);
    border-radius:13px;
    color:#5bc1ff;
    background:linear-gradient(145deg,rgba(41,149,255,.11),rgba(49,227,208,.035));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.v094-profession-icon svg{
    width:22px;
    height:22px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.v094-profession-card:hover .v094-profession-icon{
    transform:translateY(-1px) scale(1.04);
    border-color:rgba(91,193,255,.38);
    box-shadow:0 8px 22px rgba(41,149,255,.12);
}
.v094-profession-card:has(input:checked) .v094-profession-icon{
    color:#8ceaff;
    border-color:rgba(91,193,255,.52);
    background:linear-gradient(145deg,rgba(41,149,255,.2),rgba(49,227,208,.08));
}
.v094-profession-card em span{
    color:rgba(91,193,255,.45);
    padding:0 2px;
}
@media(max-width:640px){
    .v094-profession-card{min-height:164px;padding:18px}
    .v094-profession-icon{width:40px;height:40px}
    .v094-profession-card em{line-height:1.45}
}
@media(prefers-reduced-motion:reduce){
    .v094-profession-icon{transition:none!important;transform:none!important}
}

/* =========================================================
   SysLY Work v0.94.2 — Profession Workspaces
   ========================================================= */
.pro-workspace-shell{padding-bottom:60px}
.pro-workspace-hero{margin-bottom:18px}
.pro-workspace-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.pro-workspace-stats article{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(13,34,53,.92),rgba(7,22,36,.92));box-shadow:0 16px 38px rgba(0,0,0,.12)}
.pro-workspace-stats span,.pro-workspace-stats small{display:block;color:var(--muted);font-size:12px}.pro-workspace-stats strong{display:block;font-size:28px;margin:5px 0;color:var(--text)}
.pro-presets-panel,.pro-custom-panel,.pro-entry-panel{margin-top:16px}
.pro-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pro-preset-card{display:flex;flex-direction:column;justify-content:space-between;min-height:140px;padding:17px;border:1px solid var(--line);border-radius:15px;background:rgba(8,25,40,.74);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.pro-preset-card:hover{transform:translateY(-2px);border-color:rgba(91,193,255,.34);box-shadow:0 14px 32px rgba(0,0,0,.18)}
.pro-preset-card small{color:var(--blue-2);font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:10px}.pro-preset-card strong{display:block;margin-top:5px;font-size:16px}
.pro-preset-add{display:grid;grid-template-columns:80px 1fr 42px;gap:8px;align-items:center;margin-top:18px}.pro-preset-add input,.pro-custom-form input{width:100%;border:1px solid var(--line);border-radius:10px;background:#061522;color:var(--text);padding:10px 11px;outline:none}.pro-preset-add input:focus,.pro-custom-form input:focus{border-color:rgba(91,193,255,.45)}
.pro-preset-add span{color:var(--muted);font-size:12px}.pro-preset-add button{height:40px;border:0;border-radius:11px;background:linear-gradient(135deg,#2995ff,#3fb8ef);color:white;font-size:22px;font-weight:800;cursor:pointer}
.pro-custom-form{display:grid;grid-template-columns:1fr 2fr .7fr .7fr;gap:12px;align-items:end}.pro-custom-form label{display:grid;gap:7px}.pro-custom-form label span{color:var(--muted);font-size:11px;font-weight:700}.pro-custom-form .full{grid-column:1/-2}.pro-custom-form .btn{height:43px}
.pro-entry-count{color:var(--muted);font-size:12px}.pro-entry-list{display:grid;gap:10px}.pro-entry-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(8,25,40,.64)}.pro-entry-row.done{opacity:.68}.pro-entry-row.done .pro-entry-main strong{text-decoration:line-through}
.pro-entry-main small,.pro-entry-main span{display:block}.pro-entry-main small{color:var(--blue-2);font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.pro-entry-main strong{display:block;margin:3px 0;font-size:15px}.pro-entry-main span{color:var(--muted);font-size:12px}.pro-entry-qty{text-align:right}.pro-entry-qty strong{display:block;white-space:nowrap}.pro-entry-qty small{color:var(--muted);font-size:11px}.pro-entry-actions{display:flex;gap:7px}.pro-entry-actions form{margin:0}.ghost-btn.danger{color:#ff8795;border-color:rgba(255,117,134,.22)}
.pro-workspace-quote{margin-top:18px}.pro-workspace-cta{border-color:rgba(91,193,255,.24);background:linear-gradient(110deg,rgba(41,149,255,.08),rgba(7,22,36,.9))}
@media(max-width:900px){.pro-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-custom-form{grid-template-columns:1fr 1fr}.pro-custom-form .wide,.pro-custom-form .full{grid-column:1/-1}.pro-custom-form .btn{grid-column:1/-1}.pro-entry-row{grid-template-columns:1fr auto}.pro-entry-actions{grid-column:1/-1}}
@media(max-width:640px){.pro-workspace-stats{grid-template-columns:1fr 1fr}.pro-workspace-stats article:last-child{grid-column:1/-1}.pro-preset-grid{grid-template-columns:1fr}.pro-entry-row{grid-template-columns:1fr}.pro-entry-qty{text-align:left}.pro-entry-actions{display:grid;grid-template-columns:1fr 1fr}.pro-entry-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.pro-preset-card{transition:none!important}.pro-preset-card:hover{transform:none!important}}

/* =========================================================
   SysLY Work v0.95 — Business Workflow Final
========================================================= */
.business-workflow-card{
    margin:18px 0;
    padding:22px;
    border:1px solid rgba(77,188,255,.20);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(13,36,55,.94),rgba(6,22,35,.94));
    box-shadow:0 22px 58px rgba(0,0,0,.16);
}
.business-workflow-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.business-workflow-head>div:first-child{display:flex;flex-direction:column;gap:4px}
.business-workflow-head strong{font-size:1.25rem}.business-workflow-head small{color:var(--muted)}
.workflow-progress-ring{--progress:0;min-width:90px;height:70px;padding:10px 15px;border:1px solid rgba(91,193,255,.22);border-radius:16px;background:linear-gradient(135deg,rgba(41,149,255,.12),rgba(66,216,160,.05));display:flex;flex-direction:column;align-items:center;justify-content:center}
.workflow-progress-ring strong{font-size:1.35rem;color:#fff}.workflow-progress-ring span{font-size:.72rem;color:var(--muted)}
.business-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.business-workflow-grid article{padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(2,16,27,.42);display:flex;flex-direction:column;gap:4px}
.business-workflow-grid span{font-size:.75rem;color:var(--muted)}.business-workflow-grid strong{font-size:1.18rem}.business-workflow-grid small{font-size:.72rem;color:var(--muted-2)}
.business-workflow-grid .attention{border-color:rgba(255,195,89,.20);background:rgba(255,182,72,.035)}
.business-workflow-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.payment-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.payment-kpis article{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:flex;flex-direction:column;gap:6px}
.payment-kpis span{color:var(--muted);font-size:.78rem}.payment-kpis strong{font-size:1.75rem}.payment-kpis small{color:var(--muted-2)}
.payment-kpis .attention{border-color:rgba(255,195,89,.22)}
.payment-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.payment-form label{display:flex;flex-direction:column;gap:7px}.payment-form label span{font-size:.78rem;color:var(--muted)}.payment-form .wide{grid-column:span 3}
.payment-form input,.payment-form select,.pro-price-form input{width:100%;border:1px solid var(--line);background:#051523;color:var(--text);border-radius:12px;padding:12px 13px;outline:none}
.payment-form input:focus,.payment-form select:focus,.pro-price-form input:focus{border-color:rgba(91,193,255,.5);box-shadow:0 0 0 3px rgba(41,149,255,.08)}
.payment-list{display:flex;flex-direction:column;gap:8px}.payment-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(5,20,33,.45)}
.payment-row>div:first-child{display:flex;flex-direction:column;gap:4px}.payment-row small,.payment-row span{color:var(--muted)}.payment-amount{text-align:right}.payment-amount>strong{display:block;font-size:1.15rem;margin-bottom:4px}
.payment-amount form{margin:0}.text-link.danger{color:#ff8b97;background:none;border:0;cursor:pointer;padding:0}
.pro-price-form{display:flex;gap:6px;align-items:center}.pro-price-form input{width:92px;padding:9px 10px}.ghost-btn.accent{border-color:rgba(91,193,255,.32);color:#78ceff}
.pro-preset-add{gap:8px}.pro-preset-add input[name="unit_price"]{width:82px}
.summary-business-final{margin:18px 0}.summary-progress-line{display:flex;flex-direction:column;gap:12px}.summary-progress-line>div:first-child{display:flex;align-items:baseline;gap:12px}.summary-progress-line>div:first-child strong{font-size:2rem}.summary-progress-line>div:first-child span{color:var(--muted)}
.summary-progress-track{height:10px;background:rgba(255,255,255,.05);border-radius:999px;overflow:hidden}.summary-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2995ff,#42d8a0)}
.summary-progress-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.summary-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1050px){.business-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-form{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-form .wide{grid-column:span 1}}
@media(max-width:640px){.business-workflow-head{align-items:flex-start}.business-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-workflow-card{padding:16px}.business-workflow-actions{justify-content:stretch}.business-workflow-actions a{flex:1;text-align:center}.payment-kpis{grid-template-columns:1fr}.payment-form{grid-template-columns:1fr}.payment-form .wide{grid-column:auto}.payment-row{align-items:flex-start}.summary-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-progress-actions{align-items:flex-start;flex-direction:column}.pro-entry-actions{flex-wrap:wrap}.pro-price-form{width:100%}.pro-price-form input{flex:1;width:auto}}
@media(prefers-reduced-motion:reduce){.summary-progress-track i{transition:none!important}}

/* =========================================================
   SysLY Work v0.95 — Business + Real User Final
   ========================================================= */
.ghost-btn.success{border-color:rgba(66,216,160,.28);color:#7ce7bb;background:rgba(66,216,160,.055)}
.ghost-btn.success:hover{border-color:rgba(66,216,160,.45);background:rgba(66,216,160,.09)}
.business-workflow-actions form{margin:0}
.summary-complete-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(66,216,160,.22);border-radius:999px;background:rgba(66,216,160,.07);color:#7ce7bb;font-size:.78rem;font-weight:800}
.nw-completed-projects{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.nw-completed-projects summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em;padding:4px 2px 10px}
.nw-completed-projects summary::-webkit-details-marker{display:none}.nw-completed-projects summary span{min-width:28px;height:24px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.05);color:var(--text)}
.nw-project-list.completed{margin-top:4px}.nw-project-row.completed{opacity:.78}.nw-project-row.completed:hover{opacity:1}.nw-project-status.completed{color:#7ce7bb;border-color:rgba(66,216,160,.22);background:rgba(66,216,160,.06)}
.pro-preset-add{grid-template-columns:minmax(62px,78px) auto minmax(76px,1fr) 42px}.pro-preset-add input[name="unit_price"]{width:100%;min-width:0}
.simple-workday-card form{margin:0}
@media(max-width:760px){
  .business-workflow-actions{display:grid;grid-template-columns:1fr 1fr}.business-workflow-actions form,.business-workflow-actions a,.business-workflow-actions button{width:100%}
  .pro-preset-add{grid-template-columns:minmax(64px,.8fr) auto minmax(78px,1fr) 42px;gap:6px}
}
@media(max-width:430px){
  .business-workflow-grid{grid-template-columns:1fr 1fr}.business-workflow-grid article{padding:12px}
  .business-workflow-actions{grid-template-columns:1fr}.workflow-progress-ring{min-width:78px}
  .pro-preset-add{grid-template-columns:1fr auto}.pro-preset-add input[name="unit_price"]{grid-column:1/2}.pro-preset-add button{grid-column:2/3;grid-row:2/3}.pro-preset-add span{justify-self:end}
  .payment-row{flex-direction:column}.payment-amount{text-align:left;width:100%}
  .nw-project-row.completed .nw-project-metric{display:none}
}
@media(prefers-reduced-motion:reduce){.nw-project-row.completed,.ghost-btn.success{transition:none!important}}

/* =========================================
   SYSLY WORK v0.97 — COMMERCIAL READINESS
========================================= */
.nw-account-link{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;border-radius:14px;padding:4px 6px;transition:background .18s ease,transform .18s ease}
.nw-account-link:hover{background:rgba(91,193,255,.07);transform:translateY(-1px)}
.nw-side-inline-link{display:inline-flex;margin-top:10px;color:#73d7ff;text-decoration:none;font-size:13px;font-weight:750}
.nw-side-inline-link:hover{text-decoration:underline}

.nw-onboarding-final{width:100%;margin:22px 0 0;padding:20px 22px;border:1px solid rgba(91,193,255,.16);border-radius:18px;background:linear-gradient(135deg,rgba(16,40,61,.82),rgba(7,21,35,.92));box-shadow:0 18px 48px rgba(0,0,0,.18)}
.nw-onboarding-final-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.nw-onboarding-final-head span{display:block;color:#6f8ba5;font-size:11px;font-weight:800;letter-spacing:.14em}
.nw-onboarding-final-head h2{margin:4px 0 0;font-size:20px}
.nw-onboarding-final-head>strong{font-size:25px;color:#70e7ff}
.nw-onboarding-final-progress{height:6px;margin:13px 0 15px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}
.nw-onboarding-final-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2995ff,#5bc1ff,#42d8a0);box-shadow:0 0 18px rgba(91,193,255,.28)}
.nw-onboarding-final-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.nw-onboarding-final-steps a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border:1px solid rgba(147,190,225,.1);border-radius:13px;background:rgba(255,255,255,.025);color:#c8d6e4;text-decoration:none;font-size:12px;transition:.18s ease}
.nw-onboarding-final-steps a:hover{border-color:rgba(91,193,255,.28);background:rgba(41,149,255,.07);transform:translateY(-1px)}
.nw-onboarding-final-steps a>span{color:#62d9ff;font-size:16px}.nw-onboarding-final-steps a em{font-style:normal;color:#5d7790}
.nw-onboarding-final-steps a.done{opacity:.72}.nw-onboarding-final-steps a.done>span{color:#42d8a0}.nw-onboarding-final-steps a.done strong{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.18)}

.commercial-shell{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:34px 0 72px}
.commercial-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:end;padding:30px;border:1px solid rgba(91,193,255,.15);border-radius:24px;background:radial-gradient(circle at 85% 0,rgba(41,149,255,.14),transparent 34rem),linear-gradient(140deg,rgba(13,34,53,.96),rgba(6,17,29,.96));box-shadow:0 24px 70px rgba(0,0,0,.22)}
.commercial-hero h1{margin:7px 0 9px;font-size:clamp(28px,4vw,46px);letter-spacing:-.035em}.commercial-hero p{margin:0;max-width:720px;color:#91a6ba;line-height:1.65}
.commercial-state{min-width:190px;padding:17px 18px;border:1px solid rgba(91,193,255,.18);border-radius:18px;background:rgba(4,15,26,.55)}
.commercial-state span,.commercial-state small{display:block;color:#7890a8}.commercial-state strong{display:block;margin:5px 0;font-size:22px;color:#72ddff}.commercial-state.readonly strong{color:#ffbf68}.commercial-state.blocked strong{color:#ff8190}
.commercial-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:18px;margin-top:18px}.commercial-grid>.panel,.commercial-data-card{padding:24px}
.commercial-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:19px 0}.commercial-facts div{padding:14px;border:1px solid rgba(147,190,225,.09);border-radius:14px;background:rgba(255,255,255,.022)}.commercial-facts span{display:block;color:#7890a8;font-size:12px}.commercial-facts strong{display:block;margin-top:4px;font-size:16px}
.commercial-plan-card.featured{position:relative;overflow:hidden;border-color:rgba(91,193,255,.26);background:radial-gradient(circle at 100% 0,rgba(41,149,255,.18),transparent 24rem),rgba(10,26,42,.88)}.commercial-plan-badge{position:absolute;right:18px;top:18px;padding:5px 9px;border:1px solid rgba(92,227,255,.25);border-radius:999px;color:#69e2ff;font-size:10px;font-weight:900;letter-spacing:.14em}.commercial-price{display:flex;align-items:baseline;gap:7px;margin:18px 0}.commercial-price strong{font-size:42px;letter-spacing:-.04em}.commercial-price span{color:#7890a8}.commercial-benefits{display:grid;gap:8px;margin:18px 0 22px;padding:0;list-style:none}.commercial-benefits li{position:relative;padding-left:24px;color:#bdcddd}.commercial-benefits li:before{content:'✓';position:absolute;left:0;color:#42d8a0;font-weight:900}.commercial-active-note{padding:13px;border:1px solid rgba(66,216,160,.2);border-radius:13px;background:rgba(66,216,160,.07);color:#7ce7be;font-weight:800}.commercial-manual-note{display:block;margin-top:12px;color:#6f8498;line-height:1.5}
.commercial-data-card{margin-top:18px}.commercial-data-actions{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:16px 0;border-top:1px solid rgba(147,190,225,.09)}.commercial-data-actions:first-of-type{border-top:0}.commercial-data-actions strong,.commercial-data-actions span{display:block}.commercial-data-actions span{margin-top:4px;color:#7890a8;line-height:1.55}.danger-zone-lite{margin-top:4px}.danger-zone-lite strong{color:#ffc0c7}
.commercial-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.commercial-trust-strip>div{padding:16px 17px;border:1px solid rgba(147,190,225,.09);border-radius:16px;background:rgba(255,255,255,.022)}.commercial-trust-strip strong,.commercial-trust-strip span{display:block}.commercial-trust-strip span{margin-top:4px;color:#738ba2;font-size:12px;line-height:1.5}

@media(max-width:900px){.nw-onboarding-final-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-grid{grid-template-columns:1fr}.commercial-hero{grid-template-columns:1fr;align-items:start}.commercial-state{min-width:0}}
@media(max-width:640px){.nw-onboarding-final{width:100%;padding:15px}.nw-onboarding-final-steps{grid-template-columns:1fr}.nw-user-copy span{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commercial-shell{width:calc(100% - 28px);padding-top:20px}.commercial-hero{padding:21px}.commercial-grid>.panel,.commercial-data-card{padding:18px}.commercial-facts{grid-template-columns:1fr 1fr}.commercial-data-actions{grid-template-columns:1fr}.commercial-data-actions .ghost-btn{width:100%;justify-content:center}.commercial-trust-strip{grid-template-columns:1fr}.commercial-price strong{font-size:36px}}
@media(prefers-reduced-motion:reduce){.nw-account-link,.nw-onboarding-final-steps a{transition:none!important;transform:none!important}}

/* SysLY Work v1.0 Stripe billing */
.commercial-billing-form{margin:12px 0 8px}.commercial-billing-form .btn{width:100%}.commercial-setup-note{padding:14px 16px;border:1px solid rgba(255,184,77,.24);background:rgba(255,184,77,.07);border-radius:14px;color:#ffd38a;font-weight:700}.stripe-return-shell{min-height:80vh;display:grid;place-items:center}.stripe-return-card{width:min(620px,100%);text-align:center;padding:38px}.stripe-return-card h1{font-size:clamp(30px,5vw,48px);margin:8px 0 12px}.stripe-return-card p{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 24px}