:root{
  --green:#0f6b47;
  --green-2:#166534;
  --green-soft:#edf7f1;
  --green-softer:#f5fbf7;
  --bg:#f4f7f5;
  --card:#ffffff;
  --text:#163126;
  --muted:#6d8078;
  --line:#dfe8e2;
  --shadow:0 14px 36px rgba(17,24,39,.06);
  --danger:#b42318;
  --radius:22px;
  --radius-md:16px;
  --base-font-size:16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:
  radial-gradient(circle at top left, rgba(22,101,52,.05), transparent 24%),
  linear-gradient(180deg,#f8fbf8 0%, var(--bg) 100%);
  color:var(--text);
  font-size:var(--base-font-size);
  line-height:1.65;
}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;background:linear-gradient(180deg,var(--green) 0%, #11492f 100%);color:#fff;display:flex;flex-direction:column;gap:18px;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset}
.brand-panel{display:flex;align-items:center;gap:14px;padding:10px 8px 18px;border-bottom:1px solid rgba(255,255,255,.11)}
.brand-copy{min-width:0}
.brand-copy strong{display:block;font-size:1.35rem;line-height:1.25}
.brand-copy small{display:block;margin-top:4px;opacity:.88;font-size:.9rem;line-height:1.45}
.brand-mark,.brand-logo{width:58px;height:58px;border-radius:18px;background:#fff;display:grid;place-items:center;color:var(--green);font-weight:800;flex:0 0 auto;box-shadow:0 10px 22px rgba(0,0,0,.16)}
.brand-logo{object-fit:contain;padding:7px}
.nav-list{display:flex;flex-direction:column;gap:8px;overflow:auto;padding-left:4px}
.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;color:#f5fcf7;transition:.2s;background:transparent}
.nav-item:hover{background:rgba(255,255,255,.08)}
.nav-item.active{background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.nav-icon{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:1rem;line-height:1;flex:0 0 auto}
.sidebar-foot{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:12px}
.user-mini strong,.user-mini small{display:block}
.user-mini small{opacity:.82;font-size:.9rem}
.logout-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.07)}
.main{min-width:0}
.topbar{position:sticky;top:0;z-index:10;background:rgba(248,251,248,.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(22,49,38,.06);padding:18px 28px;display:grid;grid-template-columns:auto minmax(260px,520px) auto;gap:16px;align-items:center}
.topbar-right,.topbar-left{display:flex;align-items:center;gap:14px}
.topbar-left{justify-content:flex-end}
.page-title-block h1{margin:0;font-size:1.8rem;line-height:1.25}
.crumb{font-size:.92rem;color:var(--muted);margin-top:2px}
.menu-btn{display:none;border:0;background:#eaf3ed;color:var(--green);border-radius:14px;padding:10px 12px;font-size:22px;cursor:pointer}
.search-form{display:flex;align-items:center;gap:8px;height:52px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:0 16px;box-shadow:var(--shadow)}
.search-form input{border:0;background:transparent;padding:0;width:100%;outline:none;color:var(--text)}
.search-icon{color:var(--muted);font-size:1.05rem}
.top-chip,.top-user{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 14px;box-shadow:var(--shadow)}
.top-chip strong,.top-user strong{display:block;font-size:.98rem}
.top-chip small,.top-user small{display:block;color:var(--muted);font-size:.83rem}
.user-avatar,.chip-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:800}
.content{padding:28px;max-width:1680px}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:1/-1}
.grid>[class^="col-"],.grid>[class*=" col-"]{min-width:0}
.card{background:rgba(255,255,255,.97);border:1px solid rgba(17,24,39,.06);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.card h2,.card h3,.card h4{margin:0 0 14px}
.card h2{font-size:1.35rem}.card h3{font-size:1.18rem}.card h4{font-size:1rem}
.stat{font-size:2rem;font-weight:800;margin-top:8px;letter-spacing:-.03em}
.muted{color:var(--muted)}
.danger{border-color:#f3c6c6;background:#fff8f8;color:#7e2020}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;padding:10px 16px;border-radius:14px;cursor:pointer;transition:.2s;box-shadow:0 2px 5px rgba(17,24,39,.03)}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(17,24,39,.06)}
.btn.primary{background:linear-gradient(180deg,var(--green) 0%, var(--green-2) 100%);color:#fff;border-color:transparent}
.btn.danger{color:var(--danger);border-color:#efc5c5;background:#fff8f8}
.btn.small{padding:7px 11px;border-radius:12px;font-size:.86rem}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}
table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}
th,td{padding:13px 14px;border-bottom:1px solid #edf2ee;text-align:right;vertical-align:top}
th{background:#f7faf8;font-size:.9rem;color:#53675f;font-weight:700;position:sticky;top:0}
tr:last-child td{border-bottom:0}
.badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:.78rem;background:#eef2f0}
.badge.ok{background:#e7f8ed;color:#166c43}.badge.warn{background:#fff4d9;color:#895d00}.badge.no{background:#fde9e9;color:#aa3030}
.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.field{grid-column:span 6}.field.third{grid-column:span 4}.field.full{grid-column:1/-1}
label{display:block;font-weight:700;font-size:.92rem;margin-bottom:7px}
input,select,textarea{width:100%;padding:12px 13px;border:1px solid #d6e1db;border-radius:14px;background:#fff;outline:none;transition:border-color .15s, box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb, var(--green) 46%, white);box-shadow:0 0 0 4px rgba(22,101,52,.08)}
textarea{min-height:120px;resize:vertical}
.help{font-size:.8rem;color:var(--muted);margin-top:6px;display:block}
.flash{padding:14px 16px;background:#eaf7ef;border:1px solid #cae9d7;color:#14583a;border-radius:16px;margin-bottom:18px;box-shadow:var(--shadow)}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.tabs,.subnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.tabs a,.subnav a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff}
.tabs a.active,.subnav a.active{background:var(--green);color:#fff;border-color:var(--green)}
.permission-grid{display:grid;gap:8px}
.perm-row{display:grid;grid-template-columns:1fr 180px 190px;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}
.auth-card{width:min(500px,100%);background:#fff;border:1px solid rgba(17,24,39,.06);border-radius:28px;padding:32px;box-shadow:0 24px 70px rgba(17,24,39,.08)}
.auth-card h1{margin:0 0 8px;font-size:1.8rem}
.auth-logo{width:72px;height:72px;border-radius:22px;background:linear-gradient(180deg,var(--green) 0%,var(--green-2) 100%);color:#fff;display:grid;place-items:center;font-size:2rem;font-weight:800;margin-bottom:16px}
.notice{padding:14px 16px;border-right:4px solid var(--green);background:#f1f8f4;border-radius:12px}
.print-only{display:none}
.kpi{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.kpi .value{font-size:1.8rem;font-weight:800}
.card.compact{padding:16px}.inline-actions{display:flex;gap:6px;flex-wrap:wrap}.pill-list{display:flex;gap:7px;flex-wrap:wrap}.pill-check{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#fff}.pill-check input{width:auto}.fieldset{border:1px solid var(--line);border-radius:18px;padding:16px;margin:0 0 14px}.fieldset legend{padding:0 8px;font-weight:700}.section-note{font-size:.9rem;color:var(--muted);margin:-4px 0 12px}.empty{padding:28px;text-align:center;color:var(--muted)}.two-lines strong{display:block}.two-lines small{display:block;color:var(--muted);margin-top:3px}
.settings-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.settings-main{grid-column:span 8}.settings-side{grid-column:span 4}
.logo-preview-box,.login-logo-box{display:flex;align-items:center;justify-content:center;width:100%;min-height:168px;max-height:200px;overflow:hidden;border:2px dashed #d7e5dd;border-radius:20px;background:linear-gradient(180deg,#fcfefd,#f6fbf8);padding:14px}.logo-preview{display:block!important;width:auto!important;height:auto!important;max-width:210px!important;max-height:130px!important;object-fit:contain!important;margin:0 auto}.settings-side .card{overflow:hidden}
.preview-tile{padding:18px;border:1px dashed var(--line);border-radius:18px;background:linear-gradient(180deg,#fbfdfb,#f5faf7)}
.preview-tile h4{margin:0 0 8px}
.preview-font-sample{padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:10px}
.preview-swatches{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.swatch{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.top-grid{display:grid;grid-template-columns:2.1fr 1fr;gap:18px;margin-bottom:18px}.hero-card{display:flex;align-items:stretch;overflow:hidden;padding:0}.hero-visual{min-height:200px;flex:1;background:linear-gradient(135deg,rgba(22,101,52,.12),rgba(22,101,52,.02)), linear-gradient(90deg,#d7e6da,#eff6f1)}.hero-content{flex:1.1;padding:26px}.hero-content h2{font-size:2rem;margin:0 0 10px}.hero-note{padding:12px 14px;background:var(--green-soft);border-radius:16px;color:var(--green-2);margin-top:14px}.mini-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.mini-icon{width:56px;height:56px;border-radius:18px;background:var(--green-soft);display:grid;place-items:center;color:var(--green);font-weight:800;font-size:1.25rem}
@media (max-width:1200px){
  .app-shell{grid-template-columns:290px minmax(0,1fr)}
  .topbar{grid-template-columns:1fr;align-items:stretch}
  .topbar-left,.topbar-right{justify-content:space-between}
  .topbar-center{order:3}
  .col-3,.col-4,.col-5,.col-6,.col-7{grid-column:span 6}
  .field.third{grid-column:span 6}
  .settings-main,.settings-side{grid-column:1/-1}
}
@media (max-width:760px){
  .app-shell{display:block}
  .sidebar{position:fixed;right:-306px;width:296px;z-index:30;transition:right .22s ease}
  .menu-open .sidebar{right:0}
  .menu-btn{display:inline-grid;place-items:center}
  .content{padding:16px}
  .topbar{padding:14px 16px}
  .top-chip,.top-user{padding:9px 11px}
  .page-title-block h1{font-size:1.45rem}
  .col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-12,.settings-main,.settings-side{grid-column:1/-1}
  .field,.field.third{grid-column:1/-1}
  .perm-row{grid-template-columns:1fr}
  .toolbar{align-items:stretch}
  .toolbar>.btn{width:100%}
  .search-form{height:48px}
  .top-grid{grid-template-columns:1fr}
}
@media print{
  .sidebar,.topbar,.toolbar,.tabs,.subnav,.no-print{display:none!important}
  .content{padding:0}
  .card{box-shadow:none;border:0}
  .print-only{display:block}
  .main{width:100%}
  body{background:#fff}
}

/* V0.4 — برنامج الخطب والجولات وبوابة فريق الجمع */
.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.team-mission-card{display:flex;gap:16px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);transition:.18s}
a.team-mission-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(17,24,39,.08)}
.team-mission-card.featured{margin-bottom:16px}
.mission-date-box{width:84px;min-width:84px;border-radius:20px;background:linear-gradient(180deg,var(--green-soft),#f9fcfa);border:1px solid #dcebe2;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--green);padding:12px 8px}
.mission-date-box.large{width:105px;min-width:105px}
.mission-date-box strong{font-size:2rem;line-height:1}.mission-date-box span{font-size:.82rem;margin-top:7px;color:var(--muted)}
.mission-main{min-width:0;flex:1}.mission-main h2,.mission-main h3{margin:8px 0 5px}.mission-main p{margin:4px 0}
.mission-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.mission-type{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.78rem;font-weight:800}
.mission-meta{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:.86rem}
.transport-ok{color:#177245!important;font-weight:700}.transport-warn{color:#a16207!important;font-weight:700}.transport-message{font-weight:800;margin-top:12px}.transport-message.ok{color:#177245}.transport-message.warn{color:#a16207}.transport-message.no{color:#b42318}
.mission-detail-head{display:flex;gap:20px;align-items:stretch}.vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vehicle-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fafcfb;display:grid;gap:5px}.vehicle-card strong{color:var(--green)}
.detail-list{display:grid;gap:4px}.detail-list>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #edf2ee}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:var(--muted)}
.financial-total{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.financial-total>span:not(.muted){padding:7px 10px;border-radius:12px;background:var(--green-soft);color:var(--green);font-weight:800}
.team-portal-shell{width:min(1080px,calc(100% - 28px));margin:0 auto;padding:24px 0 50px}.team-portal-head{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px 18px;margin-bottom:18px;box-shadow:var(--shadow)}.team-portal-head h1{margin:0;font-size:1.55rem}.team-portal-head p{margin:2px 0 0;color:var(--muted)}.team-portal-head .btn{margin-right:auto}.team-portal-logo{width:58px;height:58px;object-fit:contain;border-radius:15px;background:#fff;padding:5px;border:1px solid var(--line)}
.team-portal-intro{padding:8px 3px 16px}.team-portal-intro h2{margin:0}.team-portal-intro p{margin:5px 0 0;color:var(--muted)}.team-portal-list{display:grid;gap:14px}.team-card-actions{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin-top:14px}.team-card-actions form{display:flex;gap:8px;flex-wrap:wrap}.offer-car{flex:1;min-width:240px;border:1px solid var(--line);border-radius:14px;padding:9px 12px;background:#fbfdfb}.offer-car summary{cursor:pointer;font-weight:700;color:var(--green)}.offer-car form{display:block;margin-top:10px}.response-current{margin:14px 0}.team-response-actions{display:flex;gap:10px;flex-wrap:wrap}.team-confirm-card{max-width:720px;margin:16px auto}
@media(max-width:900px){.mission-grid{grid-template-columns:1fr}.mission-detail-head{align-items:flex-start}.vehicle-grid{grid-template-columns:1fr}}
@media(max-width:620px){.team-mission-card,.mission-detail-head{flex-direction:column}.mission-date-box,.mission-date-box.large{width:100%;min-width:0;flex-direction:row;gap:7px;padding:9px 12px;justify-content:flex-start}.mission-date-box strong{font-size:1.35rem}.mission-date-box span{margin:0}.team-portal-head{align-items:flex-start;flex-wrap:wrap}.team-portal-head .btn{margin-right:0;width:100%}.team-card-actions form,.team-card-actions .btn{width:100%}.offer-car{width:100%}}
.sermon-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.sermon-program-item{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fbfdfb;display:grid;gap:4px}.sermon-program-item strong{font-size:.95rem}.sermon-program-item span,.sermon-date{font-size:.82rem;color:var(--muted)}
.calendar-card{overflow:hidden}.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.calendar-head h3{margin:0}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.calendar-weekdays span{text-align:center;font-size:.78rem;color:var(--muted);font-weight:700;padding:6px}.calendar-day{min-height:128px;border:1px solid var(--line);border-radius:14px;background:#fbfdfb;padding:9px;display:flex;flex-direction:column;gap:6px}.calendar-day.empty-day{opacity:.35;background:#f3f6f4}.calendar-day.today{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.day-no{width:29px;height:29px;border-radius:10px;background:#eef5f0;display:grid;place-items:center}.calendar-event{display:grid;gap:2px;border-radius:10px;padding:7px 8px;font-size:.75rem;line-height:1.35}.calendar-event span{font-size:.68rem;font-weight:800}.calendar-event.sermon{background:#edf6ff;color:#24547a}.calendar-event.mission{background:var(--green-soft);color:var(--green)}.compact-select-form select{min-width:170px;padding:7px 9px;border-radius:10px;font-size:.82rem}
@media(max-width:1100px){.sermon-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-weekdays{display:none}.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-day.empty-day{display:none}}
@media(max-width:620px){.sermon-strip,.calendar-grid{grid-template-columns:1fr}.calendar-day{min-height:auto}.calendar-head{flex-wrap:wrap}.calendar-head h3{width:100%;text-align:center;order:-1}}

/* V0.5.0 payments, dashboard privacy, version */
.system-version{font-size:.78rem;color:rgba(255,255,255,.72);padding:0 4px}
.share-link-box{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.share-link-box input{flex:1;min-width:260px}
.payment-public-shell{min-height:100vh;max-width:760px;margin:0 auto;padding:28px 18px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.payment-public-brand{display:flex;align-items:center;justify-content:center;gap:14px;text-align:right}.payment-public-brand h1{margin:0;font-size:1.55rem}.payment-public-brand p{margin:2px 0 0;color:var(--muted)}
.payment-public-card{padding:28px}.payment-public-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.payment-public-top h2{margin:10px 0 4px}.payment-amount{font-size:1.8rem;font-weight:800;color:var(--green);white-space:nowrap}.payment-pay-btn{width:100%;padding:14px 18px;font-size:1.05rem}.payment-success-card{text-align:center;padding:36px}.success-mark{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:var(--green-soft);color:var(--green);font-size:2rem;font-weight:800}.public-version{text-align:center;color:var(--muted);font-size:.78rem}
code{background:#f2f6f3;padding:2px 6px;border-radius:8px;direction:ltr;display:inline-block}
@media(max-width:760px){.payment-public-top{display:block}.payment-amount{margin-top:12px;font-size:1.45rem}.payment-public-card{padding:20px}.share-link-box{align-items:stretch}.share-link-box input,.share-link-box .btn{width:100%}}

/* V0.6.0 outreach alerts, team assignment and khatib flexibility */
.nav-badge{margin-right:auto;min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;background:#fff;color:var(--green);font-size:.75rem;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.dashboard-outreach-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fff7d9,#fffdf4);border:1px solid #f0d88b;border-radius:20px;padding:16px 18px;margin-bottom:18px;box-shadow:var(--shadow)}
.dashboard-outreach-alert .muted{color:#79652d}.dashboard-outreach-alert .btn{flex:0 0 auto}
.dashboard-next-outreach{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;border-right:5px solid var(--green)}
.dashboard-next-outreach h3{margin:8px 0 4px}.dashboard-next-outreach p{margin:0}
.pending-action{background:#fff8dc;border-color:#edd991;color:#6b571c;font-weight:800}
.team-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:8px}.team-picker .pill-check{justify-content:flex-start;border-radius:14px;background:#fbfdfb}
.khatib-choice{margin-top:12px}.transport-ok{color:#176341;font-weight:700}.transport-warn{color:#9a6b00;font-weight:700}.transport-no{color:#a32929;font-weight:700}
@media(max-width:1000px){.team-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.team-picker{grid-template-columns:1fr}.dashboard-outreach-alert,.dashboard-next-outreach{flex-direction:column;align-items:stretch}.dashboard-outreach-alert .btn,.dashboard-next-outreach .btn{width:100%}}

/* v0.9.0 AFAQ Core integration */
.notification-bell{position:relative;width:48px;height:48px;border:1px solid var(--line);background:#fff;border-radius:16px;display:grid;place-items:center;box-shadow:var(--shadow);font-size:1.15rem}.notification-bell b{position:absolute;top:-7px;left:-7px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;display:grid;place-items:center;font-size:.72rem}.notification-list{display:grid;gap:12px}.notification-item{display:grid;grid-template-columns:10px 1fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow)}.notification-item.unread{border-color:#b9d9c6;background:#fbfffc}.notification-dot{width:9px;height:9px;border-radius:50%;background:#cbd5cf;margin-top:8px}.notification-item.unread .notification-dot{background:var(--green)}.notification-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.86rem}.global-search-form{display:flex;gap:10px}.global-search-form input{min-height:52px}.search-results{display:grid;gap:10px}.search-result-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow);transition:.15s}.search-result-card:hover{transform:translateY(-1px);border-color:#bad9c7}.search-result-icon{width:48px;height:48px;border-radius:15px;background:var(--green-soft);display:grid;place-items:center;font-size:1.2rem}.search-result-card strong,.search-result-card small{display:block}.search-result-card strong{margin-top:5px}.search-result-card small{color:var(--muted);margin-top:2px}.receipt-sheet{max-width:900px;margin:18px auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.receipt-head{display:flex;gap:15px;align-items:center;border-bottom:2px solid var(--green);padding-bottom:15px}.receipt-head img{width:72px;height:72px;object-fit:contain}.receipt-head h1{margin:0}.receipt-number{margin-right:auto;text-align:left}.receipt-number span,.receipt-number strong{display:block}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.receipt-grid>div{padding:14px;border:1px solid var(--line);border-radius:14px}.receipt-grid label{display:block;color:var(--muted);font-size:.82rem;margin-bottom:4px}.receipt-grid strong{font-size:1.04rem}.receipt-amount strong{font-size:1.65rem;color:var(--green)}.receipt-note{margin-top:16px;padding:14px;background:var(--green-softer);border-radius:14px}.receipt-foot{text-align:center;color:var(--muted);margin-top:28px}.doc-recipient-list{margin-top:18px}.share-link-box{display:flex;gap:8px;align-items:center;margin-bottom:18px}.share-link-box input{flex:1}.system-version{font-size:.75rem;opacity:.72}
@media(max-width:760px){.global-search-form,.share-link-box{flex-direction:column;align-items:stretch}.receipt-grid{grid-template-columns:1fr}.receipt-head{align-items:flex-start}.receipt-number{margin-right:0;margin-left:auto}.notification-bell{width:44px;height:44px}}
.notification-item.level-warning{border-right:4px solid #d97706}.notification-item.level-danger{border-right:4px solid #dc2626}.notification-item.level-success{border-right:4px solid #16a34a}