:root{--primary:#00b55b;--primary-dark:#008f48;--ink:#15201b;--muted:#68756e;--line:#e4eae6;--surface:#fff;--canvas:#f5f8f6;--danger:#dc3545;--warning:#e99b12;--info:#2d7ff9;--radius:16px;--shadow:0 12px 34px rgba(22,50,36,.08)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}code{background:#eef3ef;padding:2px 6px;border-radius:6px}.muted{color:var(--muted)}.eyebrow,.promo-kicker{display:inline-block;color:var(--primary-dark);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(145deg,#0bd36b,var(--primary-dark));box-shadow:0 8px 22px rgba(0,181,91,.25)}.brand-lockup,.installer-brand,.sidebar-brand{display:flex;align-items:center;gap:12px}.brand-lockup strong,.installer-brand strong,.sidebar-brand strong{display:block;font-size:19px}.brand-lockup small,.installer-brand small,.sidebar-brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.auth-body{min-height:100vh;background:#eef4f0;padding:30px}.auth-shell{max-width:1120px;min-height:680px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 26px 80px rgba(21,55,38,.14)}.auth-promo{padding:56px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 20% 12%,rgba(52,246,145,.28),transparent 30%),linear-gradient(150deg,#071d13,#073d23 65%,#006d37)}.auth-promo .brand-lockup small{color:#b9d8c7}.auth-promo h1{font-size:48px;line-height:1.05;max-width:520px;margin:20px 0}.auth-promo p{color:#c7ded1;font-size:17px;line-height:1.7;max-width:490px}.version-chip{align-self:flex-start;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);font-size:12px}.auth-panel{display:grid;place-items:center;padding:64px}.auth-card{width:100%;max-width:390px}.auth-card h2{font-size:30px;margin:10px 0}.auth-card>p{margin:0 0 30px}
.installer-body{min-height:100vh;background:linear-gradient(150deg,#edf7f1,#f9fbfa);padding:40px 18px}.installer-shell{max-width:740px;margin:auto}.installer-brand{justify-content:center;margin-bottom:24px}.installer-card{background:#fff;padding:40px;border-radius:24px;box-shadow:var(--shadow)}.installer-card h1{font-size:32px;margin:10px 0 24px}.form-section-title{font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-dark);padding-top:15px;border-top:1px solid var(--line);margin-top:8px}.form-stack{display:grid;gap:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:7px;font-weight:700;font-size:13px}label small{font-weight:500;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #dbe3de;border-radius:11px;background:#fff;padding:12px 13px;outline:none;color:var(--ink);transition:.2s}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(0,181,91,.10)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 17px;font-weight:780}.button-primary{color:#fff;background:var(--primary)}.button-primary:hover{background:var(--primary-dark)}.button-secondary{background:#edf3ef;color:#2c3e34}.button-danger{background:#fff0f1;color:var(--danger)}.button-small{padding:8px 11px;font-size:12px}.button-block{width:100%}.icon-button{border:0;background:#eef3ef;border-radius:10px;width:40px;height:40px}.alert{padding:12px 15px;border-radius:11px;margin-bottom:16px;border:1px solid transparent}.alert-danger{background:#fff1f2;color:#a81e2a;border-color:#ffd7da}.alert-success{background:#eafaf2;color:#08783e;border-color:#c4efd8}.alert-warning{background:#fff8e8;color:#8a5d09;border-color:#f6dfad}.alert-info{background:#edf5ff;color:#225a9f;border-color:#d3e7ff}
.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{background:#102219;color:#dae8e0;padding:22px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto;z-index:30}.sidebar-brand{padding:0 9px 20px;color:#fff}.sidebar-brand small{color:#91aa9c}.nav-label{padding:18px 12px 8px;color:#779083;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.sidebar-nav{display:grid;gap:4px}.sidebar-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:#b9cdc2;font-size:13px;font-weight:650;transition:.18s}.sidebar-nav a span{width:22px;text-align:center;font-size:15px}.sidebar-nav a:hover,.sidebar-nav a.active{color:#fff;background:rgba(255,255,255,.08)}.sidebar-nav a.active{box-shadow:inset 3px 0 var(--primary)}.brand-context{display:flex;align-items:center;gap:10px;margin:6px 3px;padding:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06);border-radius:12px}.brand-avatar,.user-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#dff7e9;color:var(--primary-dark);font-weight:900}.brand-context small,.brand-context strong{display:block}.brand-context small{color:#8ca598;font-size:10px}.brand-context strong{font-size:12px;margin-top:2px}.sidebar-footer{margin-top:auto;padding:18px 10px 0;display:flex;justify-content:space-between;gap:12px;color:#8fa99a;font-size:12px}.sidebar-context{margin:18px 4px 0;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:12px}.sidebar-context small,.sidebar-context strong,.sidebar-context a{display:block}.sidebar-context small{color:#789286}.sidebar-context strong{margin:4px 0 8px}.sidebar-context a{font-size:11px;color:#6eedac}.main-column{min-width:0}.topbar{height:78px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.topbar-title small,.topbar-title strong{display:block}.topbar-title small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.topbar-title strong{margin-top:3px;font-size:17px}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-user strong,.topbar-user small{display:block;text-align:right}.topbar-user strong{font-size:12px}.topbar-user small{font-size:10px;color:var(--muted)}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--primary)}.mobile-menu{display:none}.page-content{padding:28px;max-width:1560px;margin:auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header h1{font-size:26px;margin:0 0 6px}.page-header p{margin:0;color:var(--muted);font-size:13px}.page-actions{display:flex;gap:9px;flex-wrap:wrap}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 18px rgba(22,52,37,.035)}.stat-card{padding:20px}.stat-card .stat-label{color:var(--muted);font-size:12px;font-weight:700}.stat-card .stat-value{font-size:30px;font-weight:850;margin:8px 0 5px}.stat-card .stat-note{font-size:11px;color:var(--muted)}.stat-card.accent{background:linear-gradient(145deg,#073f24,#0b6b38);color:#fff;border:0}.stat-card.accent .stat-label,.stat-card.accent .stat-note{color:#b8dcc8}.content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel{padding:20px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.panel-header h2{font-size:16px;margin:0}.panel-header p{margin:3px 0 0;color:var(--muted);font-size:11px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:660px}.data-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);color:#7a877f;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.data-table td{padding:13px 12px;border-bottom:1px solid #edf1ee;font-size:12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table strong{display:block}.data-table small{color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:capitalize}.badge-new{background:#eaf2ff;color:#2a66bb}.badge-running{background:#fff4db;color:#9a6500}.badge-active,.badge-success,.badge-done{background:#e5f8ee;color:#087a40}.badge-on_hold{background:#f1edff;color:#6551b9}.badge-cancelled,.badge-trash,.badge-danger{background:#ffeaec;color:#a72431}.badge-normal{background:#eff3f0;color:#5c6c62}.badge-high,.badge-emergency{background:#ffeaec;color:#bd2434}.badge-low{background:#edf5ff;color:#296ba8}.work-no{color:var(--primary-dark);font-weight:850}.empty-state{text-align:center;padding:45px 20px;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);font-size:16px;margin-bottom:7px}.quick-list{display:grid;gap:11px}.quick-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px}.quick-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e8f8ef;color:var(--primary-dark);font-weight:900}.quick-item div{flex:1}.quick-item strong,.quick-item small{display:block}.quick-item strong{font-size:12px}.quick-item small{font-size:10px;color:var(--muted);margin-top:3px}.progress{height:7px;background:#edf1ee;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:var(--primary);border-radius:inherit}.form-card{max-width:920px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:17px}.filters a{padding:8px 11px;border-radius:9px;background:#eef3ef;color:#5d6b63;font-size:11px;font-weight:750}.filters a.active{background:var(--primary);color:#fff}.inline-form{display:flex;align-items:center;gap:7px}.inline-form select{padding:7px 9px;min-width:120px}.actions{display:flex;align-items:center;gap:6px}.modal{display:none;position:fixed;inset:0;background:rgba(9,22,15,.55);z-index:80;padding:30px;place-items:center}.modal.open{display:grid}.modal-card{width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;font-size:20px}.close-button{border:0;background:#edf2ee;width:34px;height:34px;border-radius:9px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-card{padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff}.plan-card.featured{border:2px solid var(--primary)}.plan-price{font-size:28px;font-weight:900;margin:12px 0}.plan-price small{font-size:11px;color:var(--muted)}.plan-list{list-style:none;padding:0;display:grid;gap:9px;color:var(--muted);font-size:12px}.plan-list li:before{content:'✓';color:var(--primary);font-weight:900;margin-right:8px}.release-card{border-left:3px solid var(--primary);padding:4px 0 4px 18px;margin:20px 0}.release-card h3{margin:0 0 5px}.release-card small{color:var(--muted)}.release-card p{color:#526058;line-height:1.65}.sidebar-overlay{display:none}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr}}
@media(max-width:820px){.auth-body{padding:0}.auth-shell{min-height:100vh;grid-template-columns:1fr;border-radius:0}.auth-promo{display:none}.auth-panel{padding:35px 22px}.app-shell{display:block}.sidebar{position:fixed;left:-280px;transition:.22s;width:260px}.sidebar-open .sidebar{left:0}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:25}.sidebar-open .sidebar-overlay{display:block}.mobile-menu{display:grid;place-items:center}.topbar{padding:0 16px}.topbar-user>div,.online-dot{display:none}.page-content{padding:20px 14px}.page-header{align-items:stretch;flex-direction:column}.form-grid{grid-template-columns:1fr}}
@media(max-width:560px){.stats-grid{grid-template-columns:1fr}.installer-card{padding:24px}.topbar-title{display:none}.data-table{min-width:600px}}

/* v1.0.1 navigation, tabs, themes and live interaction */
.app-body{--primary-dark:color-mix(in srgb,var(--primary),#000 22%);--primary-soft:color-mix(in srgb,var(--primary),#fff 88%)}
.nav-group{display:grid;gap:3px}.nav-parent{width:100%;border:0;background:transparent;color:#b9cdc2;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:11px;text-align:left;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:650}.nav-parent:hover,.nav-parent.active{color:#fff;background:rgba(255,255,255,.08)}.nav-parent i{font-style:normal;transition:transform .2s}.nav-group.open .nav-parent i{transform:rotate(180deg)}.nav-submenu{display:grid;gap:2px;max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease;padding-left:32px}.nav-group.open .nav-submenu{max-height:280px;opacity:1}.nav-submenu a{padding:8px 10px!important;font-size:12px!important}.nav-submenu a:before{content:'';width:5px;height:5px;border-radius:50%;background:#597164}.nav-submenu a.active:before{background:var(--primary)}
.page-tabs{display:flex;gap:5px;padding:5px;margin:-8px 0 22px;background:#eaf0ec;border:1px solid var(--line);border-radius:13px;overflow-x:auto;scrollbar-width:none}.page-tabs::-webkit-scrollbar{display:none}.page-tabs a{white-space:nowrap;padding:9px 14px;border-radius:9px;color:#68766e;font-size:12px;font-weight:780}.page-tabs a:hover{color:var(--ink);background:rgba(255,255,255,.55)}.page-tabs a.active{color:#fff;background:var(--primary);box-shadow:0 6px 16px color-mix(in srgb,var(--primary),transparent 72%)}
.work-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.work-post{--note-color:var(--primary);position:relative;display:flex;flex-direction:column;min-height:270px;padding:20px;border:1px solid var(--line);border-top:4px solid var(--note-color);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--note-color),#fff 94%),#fff 45%);box-shadow:0 7px 25px rgba(24,55,39,.055);overflow:hidden;transition:transform .22s,box-shadow .22s}.work-post:after{content:'';position:absolute;width:110px;height:110px;right:-45px;top:-48px;border-radius:50%;background:color-mix(in srgb,var(--note-color),transparent 88%)}.work-post:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(24,55,39,.11)}.work-post-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.work-type-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--note-color),#fff 84%);color:color-mix(in srgb,var(--note-color),#000 28%);font-size:10px;font-weight:850}.work-type-chip:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--note-color)}.work-post h3{font-size:17px;line-height:1.35;margin:15px 0 7px}.work-post-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#617067;font-size:12px;line-height:1.6;min-height:58px}.work-post-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.work-meta-item{padding:9px 10px;border:1px solid color-mix(in srgb,var(--note-color),#fff 82%);background:rgba(255,255,255,.68);border-radius:10px}.work-meta-item small,.work-meta-item strong{display:block}.work-meta-item small{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.work-meta-item strong{font-size:11px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-post-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid color-mix(in srgb,var(--note-color),#fff 82%)}
.work-view-card{width:min(880px,100%);padding:0;overflow:hidden}.work-view-banner{--note-color:var(--primary);position:relative;padding:25px 27px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--note-color),#000 24%),var(--note-color))}.work-view-banner .close-button{position:absolute;right:18px;top:18px;background:rgba(255,255,255,.18);color:#fff}.work-view-banner .eyebrow{color:rgba(255,255,255,.72)}.work-view-banner h2{font-size:25px;margin:8px 45px 0 0}.work-view-body{padding:24px 27px}.work-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.work-detail{padding:12px;border:1px solid var(--line);border-radius:11px}.work-detail small,.work-detail strong{display:block}.work-detail small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.work-detail strong{font-size:12px;margin-top:4px}.work-note-box{padding:17px;border:1px solid var(--line);border-radius:13px;background:#f8faf8;white-space:pre-wrap;font-size:13px;line-height:1.7}.work-view-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.work-view-actions form{display:inline-flex}.copy-source{position:fixed;left:-10000px;top:0;white-space:pre-wrap}.modal-open{overflow:hidden}.modal-edit-card{width:min(760px,100%)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{border:1px solid var(--line);border-radius:15px;padding:19px;background:#fff}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.provider-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-dark);font-size:12px;font-weight:900}.settings-card h3{margin:0 0 4px}.settings-card p{margin:0;color:var(--muted);font-size:11px}.theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.theme-option{position:relative;border:2px solid var(--line);border-radius:16px;padding:10px;background:#fff;transition:.2s}.theme-option:hover{transform:translateY(-3px)}.theme-option.selected{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.theme-preview{height:115px;border-radius:11px;overflow:hidden;background:#eff4f1;display:grid;grid-template-columns:32% 68%}.theme-preview aside{background:#102219}.theme-preview main{padding:10px}.theme-preview i{display:block;height:9px;background:#fff;border-radius:5px;margin-bottom:7px}.theme-preview i:first-child{background:var(--theme-accent,#00b55b);width:70%}.theme-option strong{display:block;font-size:12px;margin:10px 2px 2px}.theme-option small{color:var(--muted);font-size:10px}.theme-option input{position:absolute;opacity:0;pointer-events:none}.theme-preview.dark{background:#17201c}.theme-preview.dark main i{background:#26332d}.theme-preview.dark aside{background:#07110c}
.scroll-top{position:fixed;right:25px;bottom:25px;width:44px;height:44px;border:0;border-radius:14px;background:var(--primary);color:#fff;font-size:20px;font-weight:900;box-shadow:0 12px 30px color-mix(in srgb,var(--primary),transparent 60%);z-index:60;opacity:0;visibility:hidden;transform:translateY(12px);transition:.2s}.scroll-top.visible{opacity:1;visibility:visible;transform:none}.copy-toast{position:fixed;left:50%;bottom:28px;z-index:120;transform:translate(-50%,20px);opacity:0;padding:11px 16px;border-radius:999px;background:#102219;color:#fff;font-size:12px;font-weight:750;box-shadow:0 14px 35px rgba(0,0,0,.2);transition:.2s}.copy-toast.show{opacity:1;transform:translate(-50%,0)}
.tab-panels [data-tab-panel]{display:none}.tab-panels [data-tab-panel].active{display:block}.reveal-item{opacity:0;transform:translateY(14px)}.reveal-item.revealed{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}
.theme-dark{--canvas:#0d1511;--surface:#16201b;--ink:#ebf4ef;--muted:#93a39a;--line:#29362f;background:var(--canvas);color:var(--ink)}.theme-dark .topbar,.theme-dark .panel,.theme-dark .stat-card:not(.accent),.theme-dark .plan-card,.theme-dark .settings-card,.theme-dark .theme-option,.theme-dark .modal-card{background:#16201b;color:var(--ink)}.theme-dark input,.theme-dark select,.theme-dark textarea{background:#101914;border-color:#314038;color:var(--ink)}.theme-dark .page-tabs{background:#111b16}.theme-dark .work-post{background:linear-gradient(145deg,color-mix(in srgb,var(--note-color),#101914 86%),#16201b 50%)}.theme-dark .work-meta-item,.theme-dark .work-note-box{background:#111a15}.theme-dark .data-table td{border-color:#26332d}.theme-blue .sidebar{background:#101c30}.theme-purple .sidebar{background:#21152e}.theme-red .sidebar{background:#2b1417}
@media(max-width:1180px){.work-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.work-post-grid,.settings-grid{grid-template-columns:1fr}.work-detail-grid{grid-template-columns:repeat(2,1fr)}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-view-body,.work-view-banner{padding:20px}.page-tabs{margin-top:0}.scroll-top{right:15px;bottom:15px}}
@media(max-width:480px){.work-detail-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:1fr}.work-post-meta{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal-item{opacity:1;transform:none}}

/* v1.0.4 work controls, dynamic workflows, polished navigation and responsive modal system */
.sidebar-nav button.nav-parent{appearance:none;-webkit-appearance:none;font:inherit;line-height:1.2;margin:0;cursor:pointer;box-shadow:none;outline:none;color:#b9cdc2!important;background:transparent!important;border:0!important;width:100%!important;min-height:42px;display:grid!important;grid-template-columns:22px minmax(0,1fr) 18px!important;align-items:center;gap:11px;text-align:left;padding:10px 12px!important;border-radius:10px}.sidebar-nav button.nav-parent b{font-size:13px;font-weight:700}.sidebar-nav button.nav-parent span{width:22px;text-align:center}.sidebar-nav button.nav-parent:hover,.sidebar-nav button.nav-parent.active{color:#fff!important;background:rgba(255,255,255,.09)!important}.sidebar-nav button.nav-parent:focus-visible{box-shadow:0 0 0 2px var(--primary)}.nav-submenu{padding-left:30px;border-left:1px solid rgba(255,255,255,.08);margin-left:22px}.nav-submenu a{min-height:34px}.sidebar-light .sidebar{background:#fff;color:var(--ink);border-right:1px solid var(--line)}.sidebar-light .sidebar-brand,.sidebar-light .sidebar-nav a:hover,.sidebar-light .sidebar-nav a.active,.sidebar-light .sidebar-nav button.nav-parent:hover,.sidebar-light .sidebar-nav button.nav-parent.active{color:var(--ink)!important}.sidebar-light .sidebar-nav a,.sidebar-light .sidebar-nav button.nav-parent{color:#506158!important}.sidebar-light .sidebar-nav a:hover,.sidebar-light .sidebar-nav a.active,.sidebar-light .sidebar-nav button.nav-parent:hover,.sidebar-light .sidebar-nav button.nav-parent.active{background:var(--primary-soft)!important}.sidebar-light .nav-submenu{border-color:var(--line)}.sidebar-gradient .sidebar{background:linear-gradient(165deg,#102219 0%,color-mix(in srgb,var(--primary),#07150e 66%) 100%)}
.page-count{display:inline-flex;padding:9px 13px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:12px;font-weight:800}.page-tabs{position:relative;z-index:1}.page-tabs a,.page-tabs button{appearance:none;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:4px}.modal{padding:16px}.modal-card{max-height:calc(100dvh - 32px);overscroll-behavior:contain}.modal-wide{width:min(980px,100%)}.modal-header.sticky{position:sticky;top:-24px;z-index:8;margin:-24px -24px 14px;padding:20px 24px 14px;background:inherit;border-bottom:1px solid var(--line)}.modal-footer{position:sticky;bottom:-24px;z-index:8;display:flex;justify-content:flex-end;gap:9px;margin:18px -24px -24px;padding:14px 24px;background:inherit;border-top:1px solid var(--line)}.work-form-modal{width:min(900px,100%);overflow:auto}.work-form-tabs>.page-tabs{margin:0 0 16px}.compact-tabs button{flex:1}.work-form .tab-panels>[data-tab-panel]{min-height:250px}.dynamic-type-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.dynamic-type-fields .field-wide{grid-column:1/-1}.type-fields-empty{display:grid;place-items:center;min-height:220px;padding:25px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}.hidden{display:none!important}
.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.work-search{display:flex;align-items:center;gap:8px;flex:1}.work-search input{max-width:460px}.view-switch{display:flex;gap:3px;padding:4px;border-radius:10px;background:#edf2ef}.view-switch button{appearance:none;border:0;border-radius:7px;padding:8px 10px;background:transparent;color:var(--muted);font:700 11px inherit}.view-switch button.active{background:#fff;color:var(--ink);box-shadow:0 3px 9px rgba(0,0,0,.08)}.work-post-footer>div small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.work-type-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.work-type-summary span{padding:8px 9px;border:1px dashed color-mix(in srgb,var(--note-color),#fff 60%);border-radius:9px}.work-type-summary small,.work-type-summary strong{display:block}.work-type-summary small{font-size:8px;text-transform:uppercase;color:var(--muted)}.work-type-summary strong{margin-top:3px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-post-grid.list-view{grid-template-columns:1fr}.work-post-grid.list-view .work-post{min-height:0;display:grid;grid-template-columns:180px minmax(180px,1.3fr) minmax(240px,1fr) auto;align-items:center;gap:16px;padding:16px;border-top:1px solid var(--line);border-left:4px solid var(--note-color)}.work-post-grid.list-view .work-post-head{display:grid;gap:7px;justify-content:start}.work-post-grid.list-view .work-post h3{margin:0}.work-post-grid.list-view .work-post-description{min-height:0}.work-post-grid.list-view .work-post-meta{margin:0}.work-post-grid.list-view .work-type-summary{display:none}.work-post-grid.list-view .work-post-footer{margin:0;padding:0;border:0;display:grid;justify-items:end}.work-view-badges{display:flex;gap:7px;margin-top:12px}.work-view-badges span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.16);font-size:10px;font-weight:800;text-transform:capitalize}.work-type-details{margin:18px 0;padding:17px;border:1px solid color-mix(in srgb,var(--note-color,var(--primary)),#fff 70%);border-radius:14px;background:var(--primary-soft)}.work-type-details h3,.section-caption{margin:0 0 10px;font-size:13px}.work-type-details>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.work-type-details span{padding:10px;border-radius:9px;background:rgba(255,255,255,.75)}.work-type-details small,.work-type-details strong{display:block}.work-type-details small{font-size:8px;text-transform:uppercase;color:var(--muted)}.work-type-details strong{margin-top:4px;font-size:11px}.section-caption{margin-top:16px}
.type-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.type-card{position:relative;padding:18px;border:1px solid var(--line);border-top:4px solid var(--note-color);border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(20,50,34,.045)}.type-card>header,.type-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.type-card>header>div{display:flex;align-items:center;gap:9px}.type-color-dot{width:12px;height:12px;border-radius:4px;background:var(--note-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--note-color),transparent 84%)}.type-card-preview{margin:15px 0;padding:16px;border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--note-color),#fff 90%),#fff)}.type-card-preview small{font-size:8px;color:var(--muted);letter-spacing:.08em}.type-card-preview h3{font-size:14px;margin:7px 0 5px}.type-card-preview p{margin:0;color:var(--muted);font-size:10px}.type-fields-preview{min-height:82px}.type-fields-preview>strong{font-size:11px}.type-fields-preview>small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.type-fields-preview>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.type-fields-preview span{padding:5px 7px;border-radius:7px;background:#f0f4f1;color:#506058;font-size:9px}.type-card>footer{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.type-card>footer>div:first-child small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.field-builder{padding:16px;border:1px solid var(--line);border-radius:15px;background:#f8faf8}.field-builder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.field-builder-head strong,.field-builder-head small{display:block}.field-builder-head small{margin-top:3px;color:var(--muted);font-size:10px}.field-builder-rows{display:grid;gap:8px}.field-builder-row{display:grid;grid-template-columns:18px minmax(130px,1fr) 130px minmax(160px,1.2fr) 92px 34px;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#fff}.field-builder-row input,.field-builder-row select{padding:9px 10px}.field-drag{color:#9aa79f}.check-label{display:flex;align-items:center;gap:6px;font-size:10px}.check-label input{width:auto}.field-remove{appearance:none;width:32px;height:32px;border:0;border-radius:8px;background:#fff0f1;color:var(--danger);font-size:18px}.manage-action-list{display:grid;gap:12px}.manage-action-list>form{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border:1px solid var(--line);border-radius:12px}.manage-action-list>form.form-stack{display:grid}.manage-action-list strong,.manage-action-list small{display:block}.manage-action-list small{color:var(--muted);font-size:10px;margin-top:3px}
.density-compact .page-content{padding-top:20px}.density-compact .panel,.density-compact .stat-card{padding:15px}.density-compact .data-table td{padding:9px 10px}.density-compact .work-post{padding:15px;min-height:235px}.radius-square{--radius:5px}.radius-square .panel,.radius-square .stat-card,.radius-square .work-post,.radius-square .type-card,.radius-square .button,.radius-square input,.radius-square select,.radius-square textarea{border-radius:5px}.radius-rounded{--radius:22px}.radius-rounded .panel,.radius-rounded .stat-card,.radius-rounded .work-post,.radius-rounded .type-card{border-radius:22px}.font-small{font-size:14px}.font-large{font-size:17px}.app-body:not(.sticky-sidebar) .sidebar{position:relative}.theme-dark .type-card,.theme-dark .field-builder-row,.theme-dark .view-switch button.active{background:#16201b}.theme-dark .work-toolbar,.theme-dark .field-builder{background:#111a15}.theme-dark .type-card-preview,.theme-dark .type-fields-preview span{background:#202c26}.theme-dark .work-type-details span{background:#18231d}
@media(max-width:1180px){.type-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-builder-row{grid-template-columns:18px 1fr 120px 1fr 34px}.field-builder-row .check-label{grid-column:2/5}.work-post-grid.list-view .work-post{grid-template-columns:150px 1fr 1fr}.work-post-grid.list-view .work-post-footer{grid-column:3}.work-post-grid.list-view .work-post-meta{grid-column:2/3}}
@media(max-width:760px){.work-toolbar,.work-search{align-items:stretch;flex-direction:column}.view-switch{align-self:flex-start}.compact-tabs button{flex:0 0 auto}.dynamic-type-fields,.work-type-details>div{grid-template-columns:1fr}.type-library-grid{grid-template-columns:1fr}.field-builder-row{grid-template-columns:1fr 1fr}.field-drag{display:none}.field-builder-row .check-label{grid-column:auto}.field-remove{justify-self:end}.work-post-grid.list-view .work-post{display:flex;align-items:stretch}.work-post-grid.list-view .work-post-head,.work-post-grid.list-view .work-post-footer{display:flex;justify-content:space-between}.modal{padding:0}.modal-card{max-height:100dvh;border-radius:0}.modal-header.sticky{top:-24px}.work-form .tab-panels>[data-tab-panel]{min-height:auto}.manage-action-list>form{align-items:stretch;flex-direction:column}}
.toggle-row{display:flex;grid-template-columns:none;align-items:center;gap:10px;margin:12px 0}.toggle-row input{width:auto}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{margin-top:2px;color:var(--muted);font-size:10px}.segmented-options{display:flex;gap:5px;padding:5px;margin-bottom:14px;border-radius:11px;background:#edf2ef}.segmented-options label{position:relative;display:block;flex:1}.segmented-options input{position:absolute;opacity:0}.segmented-options span{display:block;padding:9px;text-align:center;border-radius:8px;color:var(--muted);font-size:11px;font-weight:800;cursor:pointer}.segmented-options input:checked+span{background:#fff;color:var(--ink);box-shadow:0 3px 9px rgba(0,0,0,.07)}.save-bar{position:sticky;bottom:14px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 15px 40px rgba(20,47,32,.12);backdrop-filter:blur(12px)}.save-bar strong,.save-bar small{display:block}.save-bar small{margin-top:3px;color:var(--muted);font-size:10px}.theme-dark .segmented-options{background:#101914}.theme-dark .segmented-options input:checked+span,.theme-dark .save-bar{background:#1d2922;color:var(--ink)}
.backup-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.backup-action-card{display:flex;flex-direction:column;gap:15px;padding:21px;border:1px solid var(--line);border-top:4px solid var(--primary);border-radius:18px;background:#fff;box-shadow:0 6px 24px rgba(20,50,34,.045)}.backup-action-card.danger-zone{border-top-color:var(--danger)}.backup-action-card>div{flex:1}.backup-action-card h2{font-size:18px;margin:6px 0 7px}.backup-action-card p{color:var(--muted);font-size:11px;line-height:1.6}.backup-action-card ul{padding-left:18px;color:#536158;font-size:10px;line-height:1.8}.backup-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--primary-soft);color:var(--primary-dark);font-size:20px;font-weight:900}.danger-zone .backup-icon{background:#fff0f1;color:var(--danger)}.storage-chip-list{display:flex;gap:9px;flex-wrap:wrap}.storage-chip-list>span{padding:10px 13px;border:1px solid var(--line);border-radius:11px;background:#f8faf8}.storage-chip-list strong,.storage-chip-list small{display:block}.storage-chip-list strong{font-size:11px}.storage-chip-list small{margin-top:3px;color:var(--muted);font-size:9px}.theme-dark .backup-action-card{background:#16201b}.theme-dark .storage-chip-list>span{background:#111a15}@media(max-width:1050px){.backup-action-grid{grid-template-columns:1fr 1fr}.backup-action-card:last-child{grid-column:1/-1}}@media(max-width:680px){.backup-action-grid{grid-template-columns:1fr}.backup-action-card:last-child{grid-column:auto}.save-bar{align-items:stretch;flex-direction:column}}
.updater-shell{max-width:820px}.update-steps{display:grid;gap:10px;margin:20px 0}.update-steps article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px}.update-steps article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef3ef;color:var(--muted);font-weight:900}.update-steps article strong,.update-steps article small{display:block}.update-steps article small{margin-top:3px;color:var(--muted);font-size:10px}.update-steps article>b{font-size:10px;color:var(--muted)}.update-steps article.complete{border-color:#bfead2;background:#f2fbf6}.update-steps article.complete>span{background:var(--primary);color:#fff}.update-steps article.complete>b{color:var(--primary-dark)}.update-steps article.current{border-color:#f1d498;background:#fff9ec}.update-steps article.current>span{background:#f59e0b;color:#fff}.update-steps article.current>b{color:#9a6500}
.page-tabs button{white-space:nowrap;padding:9px 14px;border:0;border-radius:9px;color:#68766e;background:transparent;font-size:12px;font-weight:780}.page-tabs button:hover{color:var(--ink);background:rgba(255,255,255,.55)}.page-tabs button.active{color:#fff;background:var(--primary);box-shadow:0 6px 16px color-mix(in srgb,var(--primary),transparent 72%)}.work-filter-tabs span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.55);color:inherit;font-size:9px}.work-filter-tabs a.active span{background:rgba(255,255,255,.2)}
.view-switch button{font-family:inherit;font-size:11px;font-weight:700}

/* v1.0.4 Work Control & Production Stability */
.button-success{background:#087a40;color:#fff;border-color:#087a40}.button-success:hover{filter:brightness(.96)}.button-dark{background:#17231d;color:#fff;border-color:#17231d}.button-dark:hover{background:#0f1914}.work-view-modal{padding:16px}.work-view-card{display:flex;flex-direction:column;width:min(980px,100%);height:min(900px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow:hidden}.work-view-banner{flex:0 0 auto;z-index:3;box-shadow:0 8px 24px rgba(0,0,0,.1)}.work-view-body{flex:1;min-height:0;overflow:auto;padding:22px 27px 0;overscroll-behavior:contain}.popup-manage-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:11px 13px;border:1px solid #c9ead7;border-radius:12px;background:#f1fbf5}.popup-manage-hint strong{font-size:11px}.popup-manage-hint span{font-size:10px;color:var(--muted);text-align:right}.work-view-actions{position:sticky;bottom:0;z-index:20;margin:22px -27px 0;padding:14px 27px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.97);box-shadow:0 -12px 30px rgba(20,45,31,.11);backdrop-filter:blur(12px)}.work-view-actions form{margin:0}.done-form{display:flex!important;align-items:center;gap:6px;padding:4px;border-radius:10px;background:#eef8f2}.completion-note-input{width:180px!important;min-width:120px;padding:8px 9px!important;border:0!important;background:#fff!important}.type-change-form select{max-width:160px}.work-history{margin:20px 0 0;padding:17px;border:1px solid var(--line);border-radius:14px}.work-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.work-history-head h3{margin:0;font-size:13px}.work-history-head span{font-size:9px;color:var(--muted)}.work-timeline{display:grid;gap:0;margin-top:12px}.work-timeline article{position:relative;display:grid;grid-template-columns:16px 1fr;gap:9px;padding:0 0 15px}.work-timeline article:not(:last-child):before{content:'';position:absolute;left:5px;top:11px;bottom:-2px;width:1px;background:var(--line)}.timeline-dot{position:relative;z-index:1;width:11px;height:11px;margin-top:3px;border:3px solid var(--primary-soft);border-radius:50%;background:var(--primary)}.work-timeline strong{font-size:11px}.work-timeline p{margin:3px 0;color:#55645b;font-size:10px;line-height:1.5;word-break:break-word}.work-timeline small{color:var(--muted);font-size:9px}.work-history-empty{margin-top:10px;color:var(--muted);font-size:10px}.completion-note{border-color:#bfead2;background:#f2fbf6}.work-result-summary{margin:-7px 0 13px;color:var(--muted);font-size:10px}.work-result-summary strong{color:var(--ink)}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0}.pagination span{font-size:11px;color:var(--muted)}.pagination .disabled{pointer-events:none;opacity:.45}.permission-note{display:grid;align-content:center;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#f8faf8}.permission-note small,.permission-note strong,.permission-note span{display:block}.permission-note small{font-size:9px;color:var(--muted);text-transform:uppercase}.permission-note strong{font-size:12px;margin-top:3px}.permission-note span{font-size:9px;color:var(--muted);margin-top:3px}.theme-dark .work-view-actions{background:rgba(22,32,27,.97)}.theme-dark .popup-manage-hint,.theme-dark .permission-note,.theme-dark .completion-note{background:#111a15;border-color:#314038}.theme-dark .completion-note-input{background:#101914!important;color:var(--ink)!important}.theme-dark .work-timeline p{color:#b7c5bd}
@media(max-width:760px){.work-view-modal{padding:0}.work-view-card{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.work-view-body{padding:17px 16px 0}.work-view-actions{margin:18px -16px 0;padding:11px 16px calc(11px + env(safe-area-inset-bottom));gap:6px}.work-view-actions .button{padding:9px 10px}.done-form{width:100%;order:-1}.completion-note-input{flex:1;width:auto!important}.popup-manage-hint{align-items:flex-start;flex-direction:column}.popup-manage-hint span{text-align:left}.type-change-form{max-width:100%}.type-change-form select{max-width:140px}}
/* v1.0.4 management additions */
.check-label{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px}.check-label input{width:auto!important}.check-label small{margin-left:4px}.check-stack{display:grid;align-content:center;gap:8px}.permission-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start!important;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fafcfb}.permission-row input{width:auto!important;margin-top:3px}.permission-row strong,.permission-row small{display:block}.permission-row strong{font-size:11px}.permission-row small{margin-top:2px;color:var(--muted);font-size:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.workspace-switcher{padding:0 14px 14px}.workspace-switcher label{display:grid;gap:5px;color:#9fb0a6;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.workspace-switcher select{width:100%;padding:8px 9px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.08);color:inherit;font-size:10px}.sidebar-light .workspace-switcher label{color:var(--muted)}.sidebar-light .workspace-switcher select{border-color:var(--line);background:#fff;color:var(--ink)}.blocked-access-card{max-width:760px;margin:28px auto}.blocked-access-card h1{margin:7px 0}.currency-stat-list{display:grid;gap:3px;margin:5px 0}.currency-stat-list strong{font-size:18px}.auth-support{display:block;margin-top:10px;opacity:.75}.button:disabled,button:disabled{cursor:not-allowed;opacity:.48;filter:none!important}.theme-dark .permission-row{background:#111a15}


/* v1.0.8 - Work-Type-first two-step composer */
.work-two-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.work-two-tabs button{min-height:46px}
.work-type-inline{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--primary-soft),#fff 55%)}
.work-type-inline .type-fields-empty{min-height:58px;background:rgba(255,255,255,.6)}
.work-type-inline .dynamic-type-fields{padding:2px}
.work-form-divider{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:20px 0 13px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.work-form-divider span{font-weight:850}.work-form-divider small{color:var(--muted);font-size:11px;text-align:right}
.post-author-preview{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft,#f7faf8)}
.post-author-avatar,.work-post-author>span{display:grid;place-items:center;flex:0 0 auto;width:31px;height:31px;border-radius:10px;background:var(--primary);color:#fff;font-size:12px;font-weight:900}
.post-author-preview div{min-width:0;display:flex;flex-direction:column}.post-author-preview small,.work-post-author small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.post-author-preview strong{font-size:12px}.auto-chip{margin-left:auto;padding:5px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:9px;font-weight:900;letter-spacing:.08em}
.work-post-author{display:grid;grid-template-columns:31px auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;margin-top:12px;padding-top:11px;border-top:1px dashed var(--line)}.work-post-author>span{grid-row:1/3}.work-post-author strong{font-size:11px}
.work-note-message{white-space:pre-wrap}.work-note-message footer{display:flex;align-items:center;gap:7px;margin:15px -2px -2px;padding-top:11px;border-top:1px dashed var(--line);white-space:normal}.work-note-message footer span{color:var(--muted);font-size:10px}.work-note-message footer strong{font-size:11px}
.theme-dark .work-type-inline,.theme-dark .post-author-preview{background:#16201b}
@media(max-width:760px){.work-two-tabs{display:grid!important;grid-template-columns:1fr 1fr}.work-two-tabs button{width:100%}.work-form-divider{align-items:flex-start;flex-direction:column;gap:4px}.work-form-divider small{text-align:left}}

/* v1.0.8 - Work Name removed; Work Type is the primary composer field */
.work-type-selector{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:14px}.work-type-selector label{width:100%}.work-type-selector select{width:100%}
.note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.note-card{margin:0}.note-field{display:grid;grid-template-columns:82px 1fr auto;gap:8px;align-items:center;border-top:1px solid #eef2f7;padding:9px 0}.note-field span{font-size:12px;color:#64748b;font-weight:700}.note-field code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border-radius:7px;padding:7px 9px}.note-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.toolbar{display:flex;gap:10px;align-items:center}.toolbar input{flex:1}.toolbar select{min-width:180px}@media(max-width:760px){.note-field{grid-template-columns:1fr auto}.note-field code{grid-column:1/-1;grid-row:2}.toolbar{flex-direction:column;align-items:stretch}}