
:root{
  --bg:#f7f2ec;--bg-2:#efe6de;--surface:#ffffff;--surface-2:#fbf8f5;--text:#302b28;--muted:#82766f;
  --line:#eadfd6;--copper:#a65d43;--copper-2:#c98263;--brown:#795044;--sage:#708a78;--blue:#667e91;
  --amber:#b88336;--danger:#b74d4b;--shadow:0 18px 45px rgba(70,48,38,.09);--shadow-sm:0 8px 24px rgba(70,48,38,.07);
  --radius:22px;--radius-sm:14px;--sidebar:264px;--transition:220ms cubic-bezier(.2,.8,.2,1)
}
[data-theme="dark"]{
  --bg:#222123;--bg-2:#2c2a2c;--surface:#302e30;--surface-2:#373437;--text:#f5eee9;--muted:#b7aaa2;
  --line:#4a4547;--shadow:0 18px 45px rgba(0,0,0,.24);--shadow-sm:0 8px 24px rgba(0,0,0,.2)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:linear-gradient(145deg,var(--bg),var(--bg-2));color:var(--text);font-family:Arial,"Helvetica Neue",sans-serif}
body,button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
button{color:inherit}
img{max-width:100%}
svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
input,select,textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;padding:13px 14px;outline:0;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}
input:focus,select:focus,textarea:focus{border-color:var(--copper-2);box-shadow:0 0 0 4px rgba(166,93,67,.1)}
textarea{resize:vertical}
button,.button{border:0;cursor:pointer}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 17px;border-radius:13px;font-weight:700;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition);white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button.primary{background:linear-gradient(135deg,var(--copper),var(--brown));color:#fff;box-shadow:0 10px 24px rgba(166,93,67,.22)}
.button.secondary{background:var(--surface-2);border:1px solid var(--line);color:var(--text)}
.button.ghost{background:transparent;border:1px solid var(--line)}
.button.danger{background:#fff2f1;color:var(--danger);border:1px solid #f1cecb}
[data-theme="dark"] .button.danger{background:#4a2e2e}
.button.wide{width:100%}
.icon-button{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition)}
.icon-button:hover{color:var(--copper);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.icon-button.small{width:34px;height:34px}
.icon-button.small .icon{width:17px;height:17px}
.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);min-width:0}
.narrow-surface{max-width:820px;margin-inline:auto}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.section-head h2{margin:3px 0 0;font-size:22px}
.section-kicker,.topbar-eyebrow{margin:0;color:var(--copper);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.helper-text{color:var(--muted);font-size:13px;line-height:1.7}
.text-link{color:var(--copper);font-weight:700;font-size:14px}
.text-link.centered{display:block;text-align:center;margin-top:14px}
.alert{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;margin-bottom:16px}
.alert.danger{background:#fff0ef;color:var(--danger);border:1px solid #f3cfcc}
.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.status-badge.success{background:#e7f2e9;color:#52705d}
.status-badge.warning{background:#fff3dc;color:#91631f}
.status-badge.danger{background:#fde7e5;color:#a94341}
.status-badge.info{background:#e8f0f7;color:#557086}
.status-badge.neutral{background:#eee9e5;color:#6f645e}
[data-theme="dark"] .status-badge.success{background:#2f4435}
[data-theme="dark"] .status-badge.warning{background:#4a3b25}
[data-theme="dark"] .status-badge.danger{background:#4c2f2e}
.count-badge{min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--bg-2);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-weight:800}
.count-badge.warning{background:#fff1d7;color:#92601c}

/* Public and auth */
.auth-body{min-height:100vh}
.public-page{min-height:100vh;display:grid;place-items:center;padding:26px;position:relative;overflow:hidden}
.public-page::before,.public-page::after{content:"";position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}
.public-page::before{width:420px;height:420px;background:radial-gradient(circle,rgba(166,93,67,.13),transparent 70%);top:-140px;right:-80px}
.public-page::after{width:400px;height:400px;background:radial-gradient(circle,rgba(112,138,120,.11),transparent 70%);bottom:-150px;left:-90px}
.public-lang{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.public-card{width:min(920px,100%);text-align:center;position:relative;z-index:1}
.public-logo{width:min(330px,70vw);max-height:160px;object-fit:contain}
.public-kicker{letter-spacing:.28em;color:var(--copper);font-weight:800;font-size:11px;margin:10px 0}
.public-card h1{font-family:Georgia,serif;font-size:clamp(46px,8vw,86px);letter-spacing:.18em;margin:18px 0 8px;color:var(--copper)}
.public-tagline{font-size:18px;color:var(--muted);margin:0 0 30px}
.public-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.public-action{background:rgba(255,255,255,.72);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);transition:all var(--transition)}
.public-action:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.public-action span{flex:1;text-align:start;font-weight:700}
.public-action.primary-action{background:linear-gradient(135deg,var(--copper),var(--brown));color:#fff;border-color:transparent}
.public-action.disabled{opacity:.45}
.team-entry{display:inline-block;margin-top:22px;color:var(--muted);font-size:13px}
.login-page{min-height:100vh;display:grid;grid-template-columns:1fr minmax(380px,520px);gap:0}
.login-visual{display:grid;place-items:center;text-align:center;padding:50px;background:linear-gradient(145deg,rgba(166,93,67,.13),rgba(112,138,120,.08))}
.login-visual img{width:min(520px,80%);max-height:290px;object-fit:contain}
.login-visual h1{font-family:Georgia,serif;font-size:54px;letter-spacing:.1em;margin:8px 0;color:var(--copper)}
.login-visual p{letter-spacing:.22em;font-size:11px;color:var(--copper);font-weight:800}
.login-visual span{color:var(--muted)}
.login-panel{background:var(--surface);padding:clamp(34px,7vw,72px);display:flex;flex-direction:column;justify-content:center;border-inline-start:1px solid var(--line)}
.login-header h2{font-size:30px;margin:8px 0}
.login-header p{color:var(--muted);line-height:1.7}
.stack-form{display:grid;gap:17px;margin-top:22px}
.stack-form label,.form-grid label{display:grid;gap:8px}
.stack-form label>span,.form-grid label>span{font-size:13px;font-weight:700;color:var(--muted)}
.language-link{display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--copper);font-size:13px}

/* Main app */
.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-inline-end:1px solid var(--line);padding:20px 15px;display:flex;flex-direction:column;z-index:50}
.sidebar-brand{display:flex;align-items:center;gap:11px;padding:8px 9px 22px;border-bottom:1px solid var(--line)}
.sidebar-brand img{width:62px;height:42px;object-fit:contain}
.sidebar-brand strong{display:block;font-size:15px}
.sidebar-brand small{color:var(--muted);font-size:11px}
.sidebar-nav{display:grid;gap:6px;margin-top:18px}
.nav-item{width:100%;min-height:44px;border:0;background:transparent;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:700;font-size:14px;transition:all var(--transition)}
.nav-item:hover,.nav-item.active{background:rgba(166,93,67,.09);color:var(--copper)}
.nav-item.active{box-shadow:inset 3px 0 0 var(--copper)}
[dir="rtl"] .nav-item.active{box-shadow:inset -3px 0 0 var(--copper)}
.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:13px;display:grid;gap:3px}
.sidebar-footer form{margin:0}
.logout-button{cursor:pointer;text-align:inherit}
.app-main{min-width:0}
.topbar{height:88px;background:rgba(247,242,236,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
[data-theme="dark"] .topbar{background:rgba(34,33,35,.84)}
.topbar-start{display:flex;align-items:center;gap:14px}
.topbar h1{font-size:22px;margin:2px 0 0}
.mobile-menu{display:none}
.user-chip{display:flex;align-items:center;gap:10px}
.user-chip strong{display:block;font-size:13px}
.user-chip small{color:var(--muted);font-size:11px}
.avatar,.mini-avatar,.profile-avatar{background:linear-gradient(135deg,var(--copper),var(--brown));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800}
.avatar{width:40px;height:40px;border-radius:13px}
.mini-avatar{width:34px;height:34px;border-radius:11px;font-size:12px;flex:0 0 auto}
.mini-avatar.large{width:44px;height:44px;border-radius:14px}
.profile-avatar{width:58px;height:58px;border-radius:18px;font-size:22px}
.content{padding:28px;max-width:1540px;margin:0 auto;width:100%}
.mobile-bottom-nav{display:none}
.sidebar-backdrop{display:none}

/* Dashboard */
.welcome-banner,.photographer-hero{background:linear-gradient(135deg,var(--brown),var(--copper));color:#fff;border-radius:var(--radius);padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow);margin-bottom:18px;position:relative;overflow:hidden}
.welcome-banner::after,.photographer-hero::after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.16);border-radius:50%;inset-inline-end:-80px;top:-90px}
.welcome-banner h2,.photographer-hero h2{font-size:27px;margin:5px 0}
.welcome-banner p,.photographer-hero p{margin:0;opacity:.8}
.welcome-banner .section-kicker,.photographer-hero .section-kicker{color:#fff;opacity:.72}
.hero-badge{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);padding:12px 15px;border-radius:14px;position:relative;z-index:1}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:17px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow-sm);transition:all var(--transition)}
a.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.stat-card small{display:block;color:var(--muted);font-size:12px}
.stat-card strong{font-size:27px;display:block;margin-top:2px}
.stat-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center}
.stat-icon.copper{background:#f4e4dc;color:var(--copper)}
.stat-icon.amber{background:#fff0d5;color:var(--amber)}
.stat-icon.sage{background:#e4eee6;color:var(--sage)}
.stat-icon.blue{background:#e7eef4;color:var(--blue)}
[data-theme="dark"] .stat-icon.copper{background:#4b342e}
[data-theme="dark"] .stat-icon.amber{background:#493c28}
[data-theme="dark"] .stat-icon.sage{background:#304338}
[data-theme="dark"] .stat-icon.blue{background:#303d47}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:18px}
.event-list{display:grid;gap:11px}
.event-card{border:1px solid var(--line);background:var(--surface-2);border-radius:17px;padding:14px;display:grid;grid-template-columns:58px minmax(0,1fr) 36px;gap:13px;align-items:center;transition:all var(--transition)}
.event-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#d9c5b7}
.event-card-date{height:58px;border-radius:15px;background:linear-gradient(135deg,#f5e3da,#fff);display:grid;place-items:center;align-content:center;border:1px solid #efd8cd}
.event-card-date strong{font-size:22px;color:var(--copper)}
.event-card-date span{font-size:10px;color:var(--muted)}
.event-card-top{display:flex;justify-content:space-between;gap:10px}
.event-card h3{margin:2px 0 7px;font-size:15px}
.event-number{color:var(--copper);font-size:11px;font-weight:800;margin:0;letter-spacing:.04em}
.event-meta{display:flex;gap:13px;flex-wrap:wrap;color:var(--muted);font-size:11px}
.event-meta span{display:flex;align-items:center;gap:5px}
.event-meta .icon{width:14px;height:14px}
.event-team{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.person-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px}
.person-pill .mini-avatar{width:24px;height:24px;border-radius:8px;font-size:9px}
.event-card-link{width:34px;height:34px;border-radius:11px;border:1px solid var(--line);display:grid;place-items:center;color:var(--copper)}
.request-list{display:grid;gap:9px}
.request-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line);transition:all var(--transition)}
.request-row:hover{transform:translateX(-2px);border-color:#d8c4b8}
.request-row strong{display:block;font-size:13px}
.request-row small{color:var(--muted);font-size:10px}
.priority-section{margin-bottom:18px;border-color:#eed1bd}
.pending-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.pending-card{border:1px solid #ead3c3;background:linear-gradient(145deg,#fff,#fffaf6);border-radius:18px;padding:17px}
[data-theme="dark"] .pending-card{background:var(--surface-2)}
.pending-card-header{display:flex;justify-content:space-between;gap:10px}
.pending-card h3{margin:4px 0 0;font-size:16px}
.pending-date{display:flex;align-items:center;gap:10px;margin:16px 0;padding:12px;border-radius:13px;background:var(--bg)}
.pending-date>span{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;color:var(--copper)}
.pending-date strong{display:block;font-size:13px}
.pending-date small{color:var(--muted)}
.pending-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pending-actions form{margin:0}

/* Tables and forms */
.filter-bar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(120px,1fr)) auto auto;gap:9px;margin-bottom:18px;align-items:center}
.search-field{position:relative}
.search-field .icon{position:absolute;top:50%;inset-inline-start:13px;transform:translateY(-50%);color:var(--muted)}
.search-field input{padding-inline-start:42px}
.check-filter{display:flex;align-items:center;gap:7px;padding:0 10px;color:var(--muted);font-size:12px;white-space:nowrap}
.check-filter input{width:auto}
.responsive-table{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:780px}
th,td{text-align:start;padding:13px;border-bottom:1px solid var(--line);font-size:13px}
th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.strong-link{color:var(--copper);font-weight:800}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-grid .span-2,.span-2{grid-column:1/-1}
.event-form{display:grid;gap:18px;padding-bottom:80px}
.detail-state{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}
.detail-state.complete{background:#e7f2e9;color:#52705d}
.detail-state.incomplete{background:#fff0d9;color:#95611a}
.photographer-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.photographer-select-card{position:relative;border:1px solid var(--line);border-radius:15px;padding:12px;display:flex;align-items:center;gap:10px;background:var(--surface-2);cursor:pointer}
.photographer-select-card>input{width:auto}
.photographer-select-info{flex:1;min-width:0}
.photographer-select-info strong{display:block;font-size:13px}
.photographer-select-info small{color:var(--muted)}
.upload-check{display:flex;align-items:center;gap:5px;color:var(--muted)}
.upload-check input{width:auto}
.upload-check small{font-size:9px}
.sticky-form-actions{position:sticky;bottom:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:17px;padding:11px;box-shadow:var(--shadow);display:flex;justify-content:flex-end;gap:9px;z-index:20}
[data-theme="dark"] .sticky-form-actions{background:rgba(48,46,48,.92)}

/* Event details */
.event-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px}
.event-detail-hero h2{margin:5px 0 8px;font-size:27px}
.event-detail-tags{display:flex;gap:7px;flex-wrap:wrap}
.event-detail-tags span{padding:5px 9px;border-radius:999px;background:var(--bg-2);font-size:11px}
.event-detail-tags .complete{background:#e7f2e9;color:#52705d}
.event-detail-tags .incomplete{background:#fff0d9;color:#95611a}
.detail-actions{display:flex;gap:8px;align-items:center}
.detail-actions form{margin:0}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}
.detail-main,.detail-side{display:grid;gap:18px;align-content:start}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:16px}
.info-item{display:flex;align-items:center;gap:11px;padding:13px;background:var(--surface-2);border-radius:14px;border:1px solid var(--line)}
.info-icon{width:38px;height:38px;border-radius:11px;background:#f4e5dd;color:var(--copper);display:grid;place-items:center}
.info-item small{display:block;color:var(--muted);font-size:10px}
.info-item strong{display:block;margin-top:3px;font-size:13px}
.text-block{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.text-block small{color:var(--muted);font-weight:700}
.text-block p{line-height:1.8;margin-bottom:0}
.assignment-list{display:grid;gap:9px}
.assignment-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:11px}
.assignment-card>div{flex:1}
.assignment-card strong{display:block;font-size:13px}
.assignment-card small{color:var(--muted)}
.upload-tag{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:var(--blue)}
.upload-tag .icon{width:13px;height:13px}
.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.action-surface{position:sticky;top:106px}
.invitation-preview{display:flex;align-items:center;gap:11px;padding:14px;border:1px dashed #d9bdac;background:#fff9f5;border-radius:15px;color:var(--copper)}
.invitation-preview>span{width:42px;height:42px;border-radius:12px;background:#f3e2d8;display:grid;place-items:center}
.upload-form{display:grid;gap:10px}
.note-form{display:grid;grid-template-columns:1fr auto;gap:9px;margin-bottom:15px}
.notes-list{display:grid;gap:9px}
.note-card{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px}
.note-card>div>div{display:flex;justify-content:space-between;gap:10px}
.note-card strong{font-size:12px}
.note-card time{font-size:9px;color:var(--muted)}
.note-card p{margin:6px 0 0;line-height:1.7}

/* Calendar */
.calendar-page{display:grid;gap:16px}
.calendar-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.calendar-stat{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}
.calendar-stat:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.calendar-stat>span{grid-row:1/3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center}
.calendar-stat .icon{width:21px;height:21px}
.calendar-stat strong{font-size:28px;line-height:1}
.calendar-stat small{color:var(--muted);margin-top:4px}
.calendar-stat.confirmed>span{background:#e8f4fb;color:#1499db}.calendar-stat.completed>span{background:#eaf6ef;color:#20a65a}.calendar-stat.cancelled>span{background:#fff0f0;color:#ef5350}
.calendar-surface{padding:22px}
.calendar-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}
.calendar-page-head h2{margin:4px 0 6px}.calendar-page-head p:last-child{color:var(--muted);margin:0;font-size:12px}
.calendar-page-actions{display:flex;align-items:center;gap:9px}.calendar-filter select{min-width:190px}
.calendar-card{background:var(--surface-2);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.calendar-month-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;margin-bottom:18px;text-align:center}
.calendar-month-header h3{font-size:21px;margin:3px 0 0}.calendar-month-header small{color:var(--muted);font-size:10px}
.calendar-nav-button{width:42px;height:42px;border-radius:13px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:29px;line-height:1;color:var(--text);transition:all var(--transition)}
.calendar-nav-button:hover{background:var(--copper);color:#fff;border-color:var(--copper);transform:scale(1.04)}
.weekday-row,.month-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));direction:rtl}
.weekday-row{color:var(--muted);font-size:11px;text-align:center;margin-bottom:8px;font-weight:700}
.weekday-row span:first-child,.weekday-row span:nth-child(2){color:var(--copper)}
.month-calendar{gap:7px}
.calendar-day{appearance:none;border:0;min-height:94px;border-radius:17px;padding:10px;background:var(--surface);position:relative;color:var(--text);cursor:pointer;text-align:start;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);box-shadow:0 1px 0 rgba(0,0,0,.02)}
.calendar-day:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);background:#fffaf7}
[data-theme="dark"] .calendar-day:hover{background:#3b3738}
.calendar-day-empty{background:transparent;box-shadow:none;cursor:default;pointer-events:none}
.calendar-day.today{box-shadow:inset 0 0 0 2px var(--copper);background:#fff8f3}
[data-theme="dark"] .calendar-day.today{background:#413736}
.calendar-day.selected{background:linear-gradient(145deg,var(--copper),#65413a);color:#fff;box-shadow:0 12px 25px rgba(166,93,67,.26);transform:translateY(-2px)}
.day-number{font-size:14px;font-weight:700;display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%}
.calendar-day.today .day-number{background:var(--copper);color:#fff}
.calendar-day.selected .day-number{background:rgba(255,255,255,.18)}
.event-count-badge{position:absolute;inset-inline-end:9px;inset-block-end:9px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#159bd7;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;box-shadow:0 5px 13px rgba(21,155,215,.28)}
.calendar-day.selected .event-count-badge{background:#fff;color:var(--copper)}
.calendar-status-dots{position:absolute;inset-inline-start:10px;inset-block-end:12px;display:flex;gap:4px}
.calendar-status-dot{width:6px;height:6px;border-radius:50%;background:#159bd7}.calendar-status-dot.completed{background:#20a65a}.calendar-status-dot.cancelled,.calendar-status-dot.rejected{background:#ef5350}.calendar-status-dot.pending{background:#e0a027}.calendar-status-dot.arrived{background:#6f78cf}
.calendar-sheet-backdrop{position:fixed;inset:0;background:rgba(24,21,20,.48);backdrop-filter:blur(2px);z-index:90;opacity:0;pointer-events:none;transition:opacity .28s ease}
.calendar-sheet-backdrop.open{opacity:1;pointer-events:auto}
.calendar-day-sheet{position:fixed;z-index:95;inset-inline:50%;bottom:18px;width:min(720px,calc(100% - 36px));max-height:min(82vh,760px);transform:translate(-50%,calc(100% + 40px));background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:0 28px 90px rgba(30,24,22,.28);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;opacity:0;transition:transform .38s cubic-bezier(.22,.85,.3,1),opacity .25s ease}
[dir="rtl"] .calendar-day-sheet{transform:translate(50%,calc(100% + 40px))}
.calendar-day-sheet.open{opacity:1;transform:translate(-50%,0)}[dir="rtl"] .calendar-day-sheet.open{transform:translate(50%,0)}
.calendar-sheet-grabber{width:74px;height:6px;border-radius:99px;background:var(--line);margin:12px auto 4px}
.calendar-sheet-header{display:grid;grid-template-columns:50px minmax(0,1fr) auto 38px;align-items:center;gap:12px;padding:12px 22px 16px;border-bottom:1px solid var(--line)}
.calendar-sheet-icon{width:50px;height:50px;border-radius:16px;background:#e9f5fb;color:#159bd7;display:grid;place-items:center}.calendar-sheet-icon .icon{width:24px;height:24px}
.calendar-sheet-header p{margin:0;color:var(--muted);font-size:11px}.calendar-sheet-header h2{margin:3px 0 0;font-size:20px}
.calendar-sheet-count{padding:7px 12px;border-radius:999px;background:#e9f5fb;color:#159bd7;font-weight:800;font-size:11px;white-space:nowrap}
.calendar-sheet-close{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);display:grid;place-items:center;cursor:pointer}.calendar-sheet-close .icon{width:18px;height:18px}
.calendar-sheet-body{overflow:auto;padding:18px 22px;display:grid;gap:12px;overscroll-behavior:contain}
.calendar-sheet-event{border:1px solid var(--line);border-radius:20px;padding:16px;background:var(--surface-2);box-shadow:var(--shadow-sm);animation:calendarEventIn .35s ease both}
.calendar-sheet-event:nth-child(2){animation-delay:.05s}.calendar-sheet-event:nth-child(3){animation-delay:.1s}
.sheet-event-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}.sheet-event-top h3{margin:5px 0 0;font-size:18px}.sheet-event-serial{color:var(--muted);font-size:10px}
.sheet-event-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.sheet-event-meta span{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:11px;min-width:0}.sheet-event-meta .icon{width:15px;height:15px;flex:none}.sheet-event-meta b{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sheet-event-team{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.sheet-team-info{display:flex;align-items:center;gap:9px;min-width:0}.sheet-team-avatars{display:flex;direction:ltr}.sheet-team-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#b97458,#744b42);color:#fff;border:2px solid var(--surface-2);font-size:10px;font-weight:800;margin-left:-8px}.sheet-team-avatar:first-child{margin-left:0}.sheet-team-names{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:270px}
.calendar-sheet-empty{min-height:210px;display:grid;place-items:center;text-align:center;color:var(--muted);align-content:center;gap:9px}.calendar-sheet-empty .icon{width:42px;height:42px;opacity:.5}
.calendar-sheet-footer{padding:14px 22px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}
body.calendar-sheet-open{overflow:hidden}
@keyframes calendarEventIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Photographers and settings */
.add-panel{border:1px dashed #d6bfb1;border-radius:16px;margin-bottom:18px}
.add-panel summary{cursor:pointer;padding:15px;display:flex;align-items:center;gap:8px;color:var(--copper);font-weight:800}
.inner-form{padding:0 15px 15px}
.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.person-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--surface-2);transition:all var(--transition)}
.person-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.person-card-top{display:flex;justify-content:space-between}
.person-card h3{margin:12px 0 3px}
.person-card>p{margin:0;color:var(--muted);font-size:12px}
.person-contact{display:grid;gap:7px;margin:15px 0;color:var(--muted);font-size:11px}
.person-contact span{display:flex;align-items:center;gap:6px;overflow-wrap:anywhere}
.person-contact .icon{width:14px;height:14px}
.person-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.person-card-actions form{margin:0}
.danger-zone{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.settings-grid .span-full{grid-column:1/-1}
.email-config{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}
.email-config>div{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:12px}
.email-config small{display:block;color:var(--muted);font-size:10px}
.email-config strong{display:block;margin-top:4px;font-size:12px;overflow-wrap:anywhere}
.test-email-form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}
.test-email-form label{display:grid;gap:7px}
.test-email-form label span{font-size:12px;color:var(--muted)}

/* Empty and toast */
.empty-state{min-height:180px;display:grid;place-items:center;text-align:center;color:var(--muted);align-content:center;gap:8px}
.empty-state .icon{width:34px;height:34px;opacity:.55}
.empty-state.compact{min-height:90px}
#toast-root{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:200}
.toast{background:#302b28;color:#fff;padding:12px 18px;border-radius:13px;box-shadow:var(--shadow);animation:toastIn .35s ease both}
.reveal{animation:reveal .5s ease both}
.delay-1{animation-delay:.06s}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}
@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes toastIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}

/* Responsive */
@media(max-width:1180px){
  .filter-bar{grid-template-columns:repeat(4,1fr)}
  .search-field{grid-column:span 2}
  .people-grid{grid-template-columns:repeat(2,1fr)}
  .dashboard-grid{grid-template-columns:1fr}
  .detail-layout{grid-template-columns:1fr}
  .detail-side{grid-template-columns:repeat(2,1fr)}
  .action-surface{position:static}
}
@media(max-width:900px){
  :root{--sidebar:232px}
  .content{padding:20px}
  .topbar{padding:0 20px}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .public-actions{grid-template-columns:1fr}
  .login-page{grid-template-columns:1fr}
  .login-visual{min-height:38vh;padding:30px}
  .login-visual img{max-height:170px}
  .login-panel{border-inline-start:0;border-top:1px solid var(--line)}
  .pending-grid{grid-template-columns:1fr}
  .settings-grid{grid-template-columns:1fr}
  .settings-grid .span-full{grid-column:auto}
}
@media(max-width:760px){
  body{padding-bottom:74px}
  .app-shell{display:block}
  .sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:min(84vw,300px);transform:translateX(-110%);transition:transform var(--transition);box-shadow:var(--shadow);height:100vh}
  [dir="rtl"] .sidebar{transform:translateX(110%)}
  .sidebar.open{transform:translateX(0)}
  .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(30,25,23,.35);z-index:45;opacity:0;pointer-events:none;transition:opacity var(--transition)}
  .sidebar-backdrop.show{opacity:1;pointer-events:auto}
  .mobile-menu{display:inline-flex}
  .topbar{height:74px;padding:0 14px}
  .topbar h1{font-size:18px}
  .user-chip>div{display:none}
  .content{padding:14px}
  .mobile-bottom-nav{position:fixed;bottom:0;inset-inline:0;height:68px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:6px 8px calc(6px + env(safe-area-inset-bottom))}
  [data-theme="dark"] .mobile-bottom-nav{background:rgba(48,46,48,.94)}
  .mobile-bottom-nav .nav-item{display:grid;place-items:center;align-content:center;gap:2px;padding:4px;font-size:9px;min-height:52px}
  .mobile-bottom-nav .nav-item .icon{width:20px;height:20px}
  .mobile-bottom-nav .nav-item.active{box-shadow:none}
  .mobile-bottom-nav .nav-item:nth-child(n+5){display:none}
  .welcome-banner,.photographer-hero{padding:20px;align-items:flex-start}
  .welcome-banner h2,.photographer-hero h2{font-size:22px}
  .hero-badge{display:none}
  .stat-grid{gap:9px}
  .stat-card{padding:13px;gap:9px}
  .stat-icon{width:38px;height:38px}
  .stat-card strong{font-size:22px}
  .surface{padding:16px;border-radius:18px}
  .section-head{align-items:flex-start}
  .event-card{grid-template-columns:50px minmax(0,1fr) 30px;padding:11px;gap:9px}
  .event-card-date{width:50px;height:50px}
  .event-meta span:nth-child(3){width:100%}
  .event-team{display:none}
  .filter-bar{grid-template-columns:1fr 1fr}
  .search-field{grid-column:1/-1}
  .filter-bar .button{min-width:0}
  .responsive-table{overflow:visible}
  table{min-width:0}
  table thead{display:none}
  table,table tbody,table tr,table td{display:block;width:100%}
  table tr{border:1px solid var(--line);border-radius:15px;padding:10px;margin-bottom:10px;background:var(--surface-2)}
  table td{border:0;padding:7px 6px;display:flex;justify-content:space-between;gap:15px;text-align:end}
  table td::before{content:attr(data-label);color:var(--muted);font-size:10px;text-align:start}
  .form-grid{grid-template-columns:1fr}
  .form-grid .span-2,.span-2{grid-column:auto}
  .photographer-selector{grid-template-columns:1fr}
  .event-detail-hero{align-items:flex-start;flex-direction:column}
  .detail-actions{width:100%}
  .detail-actions>*{flex:1}
  .detail-actions .button{width:100%}
  .info-grid{grid-template-columns:1fr}
  .detail-side{grid-template-columns:1fr}
  .note-form{grid-template-columns:1fr}
  .calendar-page-head{align-items:flex-start;flex-direction:column}
  .calendar-page-actions{width:100%}
  .calendar-filter{flex:1}.calendar-filter select{width:100%;min-width:0}
  .calendar-card{padding:12px;border-radius:20px}
  .month-calendar{gap:4px}
  .weekday-row{font-size:8px}
  .calendar-day{min-height:62px;border-radius:13px;padding:6px}
  .day-number{font-size:11px;width:24px;height:24px}
  .event-count-badge{inset-inline-end:5px;inset-block-end:5px;min-width:20px;height:20px;font-size:9px}
  .calendar-status-dots{display:none}
  .calendar-day-sheet{inset-inline:0;bottom:0;width:100%;max-height:88vh;border-radius:28px 28px 0 0;transform:translateY(105%)}
  [dir="rtl"] .calendar-day-sheet{transform:translateY(105%)}
  .calendar-day-sheet.open,[dir="rtl"] .calendar-day-sheet.open{transform:translateY(0)}
  .calendar-sheet-header{grid-template-columns:46px minmax(0,1fr) auto 34px;padding:10px 16px 14px;gap:9px}
  .calendar-sheet-icon{width:46px;height:46px}
  .calendar-sheet-header h2{font-size:17px}
  .calendar-sheet-body{padding:14px 16px}
  .calendar-sheet-event{padding:14px;border-radius:17px}
  .sheet-event-meta{grid-template-columns:1fr}
  .sheet-event-team{align-items:flex-start;flex-direction:column}
  .sheet-team-names{max-width:220px}
  .calendar-sheet-footer{padding-inline:16px}
  .people-grid{grid-template-columns:1fr}
  .email-config,.test-email-form{grid-template-columns:1fr}
  .public-page{padding:20px}
  .public-lang{top:14px;left:14px}
  .public-card h1{font-size:48px}
}
@media(max-width:430px){
  .calendar-stats{gap:7px}
  .calendar-stat{grid-template-columns:32px 1fr;padding:10px 8px;border-radius:16px;column-gap:7px}
  .calendar-stat>span{width:32px;height:32px}.calendar-stat .icon{width:16px;height:16px}
  .calendar-stat strong{font-size:20px}.calendar-stat small{font-size:9px}
  .calendar-surface{padding:12px}
  .calendar-page-actions{display:grid;grid-template-columns:1fr auto}
  .calendar-page-actions .button{padding-inline:12px;font-size:10px}
  .calendar-month-header h3{font-size:17px}
  .calendar-nav-button{width:36px;height:36px}
  .calendar-day{min-height:54px}
  .stat-grid{grid-template-columns:1fr 1fr}
  .stat-card small{font-size:10px}
  .filter-bar{grid-template-columns:1fr}
  .search-field{grid-column:auto}
  .pending-actions,.action-grid{grid-template-columns:1fr}
  .public-logo{width:260px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* ===== ZAFA v2.2 refined workflow ===== */
.compact-event-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.team-editor-section{scroll-margin-top:105px}
.table-subline{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.row-actions{display:flex;align-items:center;gap:6px}
.warning-button{background:#fff4df;color:#98621f;border-color:#efd8aa}
[data-theme="dark"] .warning-button{background:#5b472c;color:#ffe0aa;border-color:#755c37}
.replace-upload{margin-top:10px}
.three-actions{grid-template-columns:1fr 1fr 44px}
.icon-only-button{padding:0;min-height:42px}
.simplified-filter{grid-template-columns:minmax(240px,2fr) repeat(4,minmax(120px,1fr)) auto auto}
.premium-calendar-page{display:grid;gap:18px}
.premium-calendar-card{box-shadow:0 20px 60px rgba(90,58,43,.08);border-color:#e8dcd3}
.premium-calendar-card .month-calendar{background:linear-gradient(180deg,rgba(255,255,255,.4),transparent)}
.premium-calendar-card .calendar-day{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.premium-calendar-card .calendar-day:not(.calendar-day-empty):hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(93,61,47,.09);border-color:#d9b6a5}
.premium-calendar-card .calendar-day.selected{background:linear-gradient(145deg,#a65d43,#6e4940);color:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(166,93,67,.28)}
.premium-calendar-card .calendar-day.selected .day-number{color:#fff}
.premium-calendar-card .calendar-day.selected .event-count-badge{background:#fff;color:#a65d43}
.premium-calendar-card .calendar-day.today:not(.selected){border:2px solid var(--copper)}
.premium-sheet-meta a{display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--copper)}
.premium-sheet-meta a:hover{text-decoration:underline}

/* confirmation modal */
.modal-open{overflow:hidden}
.confirm-modal-backdrop,.feedback-modal-backdrop{position:fixed;inset:0;background:rgba(39,31,28,.48);backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:450}
.confirm-modal-backdrop.open,.feedback-modal-backdrop.open{opacity:1;pointer-events:auto}
.confirm-modal,.feedback-modal{position:fixed;z-index:460;left:50%;top:50%;width:min(420px,calc(100vw - 28px));transform:translate(-50%,-45%) scale(.94);opacity:0;pointer-events:none;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:28px;text-align:center;box-shadow:0 28px 90px rgba(43,31,27,.26);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
.confirm-modal.open,.feedback-modal.open{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}
.confirm-modal-icon,.feedback-modal-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;margin:0 auto 16px;background:#fff2df;color:#a36928}
.confirm-modal-icon .icon,.feedback-modal-icon .icon{width:31px;height:31px}
.confirm-modal h2,.feedback-modal h2{margin:0 0 8px;font-size:23px}
.confirm-modal p,.feedback-modal p{margin:0;color:var(--muted);line-height:1.8}
.confirm-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.feedback-modal .feedback-modal-icon{background:#e8f5eb;color:#4e795d}
.feedback-modal.warning .feedback-modal-icon{background:#fff2df;color:#a36928}
.feedback-modal.danger .feedback-modal-icon{background:#fde9e9;color:#a94747}
.feedback-modal.info .feedback-modal-icon{background:#e7f2fa;color:#3d789b}
.feedback-modal .button{margin-top:22px}

/* professional event form */
.event-form .surface:first-child{background:linear-gradient(145deg,var(--surface),var(--surface-2))}
.event-form input,.event-form textarea,.event-form select{min-height:48px}
.event-form textarea{padding-top:13px}
.photographer-select-card{position:relative;overflow:hidden}
.photographer-select-card:has(>input:checked){border-color:#c99178;background:rgba(166,93,67,.07);box-shadow:0 8px 24px rgba(166,93,67,.07)}

/* refined email/test status */
.email-config{border-radius:18px}
.email-config>div{min-height:74px}

/* mobile refinements */
@media(max-width:980px){
  .simplified-filter{grid-template-columns:1fr 1fr}
  .simplified-filter .search-field{grid-column:1/-1}
}
@media(max-width:760px){
  .compact-event-form{grid-template-columns:1fr}
  .three-actions{grid-template-columns:1fr 1fr 44px}
  .confirm-modal,.feedback-modal{top:auto;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%,18px) scale(.96);border-radius:26px;width:calc(100vw - 24px)}
  .confirm-modal.open,.feedback-modal.open{transform:translate(-50%,0) scale(1)}
  .confirm-modal-actions{grid-template-columns:1fr 1fr}
  .premium-calendar-card{padding:10px}
  .premium-calendar-card .month-calendar{gap:3px}
}
@media(max-width:430px){
  .simplified-filter{grid-template-columns:1fr}
  .simplified-filter .search-field{grid-column:auto}
  .three-actions{grid-template-columns:1fr 1fr 42px}
}


/* ZAFA v2.3 — mobile-first refinements, premium pickers and email actions */
.premium-public-page{background:linear-gradient(145deg,#f9f5f0 0%,#f3ece5 52%,#f8f4ef 100%);position:relative;overflow:hidden}
.public-orb{position:fixed;border-radius:999px;filter:blur(2px);pointer-events:none;opacity:.45}.public-orb-one{width:340px;height:340px;background:radial-gradient(circle,rgba(183,101,73,.20),transparent 70%);top:-130px;right:-90px}.public-orb-two{width:420px;height:420px;background:radial-gradient(circle,rgba(113,139,121,.16),transparent 70%);bottom:-190px;left:-130px}
.premium-public-card{max-width:760px;padding:38px 34px 30px;border:1px solid rgba(166,93,67,.14);box-shadow:0 30px 90px rgba(73,49,39,.12);background:rgba(255,255,255,.82);backdrop-filter:blur(22px)}
.public-logo-wrap{width:160px;margin:0 auto 8px}.premium-public-card .public-logo{width:100%;max-height:90px;object-fit:contain}.premium-public-card h1{font-size:clamp(38px,7vw,68px);letter-spacing:.06em;margin:6px 0}.public-divider{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--copper);margin:15px auto 22px}.public-divider i{width:65px;height:1px;background:linear-gradient(90deg,transparent,var(--copper))}.public-divider i:last-child{transform:scaleX(-1)}
.premium-public-actions{grid-template-columns:1fr;gap:11px}.premium-public-actions .public-action{min-height:72px;padding:11px 16px;border-radius:19px;background:rgba(255,255,255,.86);display:grid;grid-template-columns:48px 1fr auto;gap:13px;text-align:start;box-shadow:0 8px 24px rgba(74,50,41,.06)}.premium-public-actions .public-action:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(74,50,41,.10)}.premium-public-actions .public-action span:nth-child(2){display:flex;flex-direction:column;gap:2px}.premium-public-actions .public-action small{color:var(--muted);font-size:11px}.premium-public-actions .public-action strong{font-size:15px}.public-social-icon,.ons-logo-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center}.public-social-icon .icon{width:25px;height:25px}.whatsapp-action .public-social-icon{background:#e8f8ef;color:#15965a}.instagram-action .public-social-icon{background:linear-gradient(135deg,#fff0e6,#f4e9ff);color:#b54c75}.ons-logo-mark svg{width:46px;height:46px}.premium-team-entry{margin-top:18px;display:inline-grid;grid-template-columns:34px auto;column-gap:8px;align-items:center;padding:10px 14px;border-radius:14px;background:rgba(48,47,49,.05)}.premium-team-entry span{grid-row:1/3}.premium-team-entry small{font-size:10px;color:var(--muted)}

.picker-field{display:grid;gap:8px}.field-caption{font-size:12px;font-weight:750;color:var(--muted)}.premium-picker-trigger{width:100%;min-height:70px;border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:10px 13px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;color:var(--text);text-align:start;cursor:pointer;transition:.2s}.premium-picker-trigger:hover{border-color:rgba(166,93,67,.45);transform:translateY(-1px)}.picker-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--copper);background:rgba(166,93,67,.10)}.picker-icon .icon{width:22px}.premium-picker-trigger span:nth-child(2){display:flex;flex-direction:column;gap:3px}.premium-picker-trigger small{font-size:10px;color:var(--muted)}.premium-picker-trigger strong{font-size:14px}.premium-picker-trigger>b{font-size:24px;color:var(--muted)}
.premium-picker-backdrop{position:fixed;inset:0;background:rgba(20,15,18,.58);backdrop-filter:blur(5px);opacity:0;transition:.24s;z-index:300}.premium-picker-backdrop.open{opacity:1}.premium-picker-modal{position:fixed;z-index:301;left:50%;bottom:18px;width:min(620px,calc(100% - 24px));max-height:min(88vh,760px);overflow:auto;transform:translate(-50%,110%) scale(.98);opacity:0;background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:12px 22px 22px;box-shadow:0 35px 110px rgba(20,12,15,.32);transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .22s}.premium-picker-modal.open{transform:translate(-50%,0) scale(1);opacity:1}.picker-open{overflow:hidden}.picker-grabber{width:52px;height:5px;border-radius:99px;background:var(--line);margin:0 auto 13px}.picker-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px}.picker-modal-head small,.time-picker-section>small{color:var(--muted);font-size:12px}.picker-modal-head h2{font-size:24px;margin:4px 0 0}.picker-modal-head h2 span{font-size:14px;color:var(--copper)}.picker-close{width:38px;height:38px;border-radius:12px;border:0;background:var(--soft);font-size:24px;color:var(--muted);cursor:pointer}.date-picker-nav{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin-bottom:13px}.date-picker-nav button{height:40px;border:0;border-radius:12px;background:var(--soft);font-size:23px;color:var(--copper)}.date-picker-nav strong{text-align:center;font-size:13px}.picker-weekdays,.picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.picker-weekdays{margin-bottom:7px}.picker-weekdays span{text-align:center;color:var(--muted);font-size:11px;font-weight:700}.picker-day{aspect-ratio:1;border:0;border-radius:14px;background:transparent;color:var(--text);font-weight:700;cursor:pointer}.picker-day:hover{background:var(--soft)}.picker-day.today{box-shadow:inset 0 0 0 1px rgba(11,142,214,.35);color:#0b8ed6}.picker-day.selected{background:linear-gradient(145deg,var(--copper),#7d6255);color:white;box-shadow:0 7px 18px rgba(166,93,67,.25)}.picker-day.empty{pointer-events:none}.picker-modal-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:20px}.time-period-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);padding:4px;border-radius:15px;margin-bottom:18px}.time-period-toggle button{border:0;background:transparent;padding:11px;border-radius:11px;color:var(--muted);font-weight:800}.time-period-toggle button.active{background:var(--surface);color:var(--copper);box-shadow:0 4px 13px rgba(50,38,33,.08)}.time-picker-section{margin-top:15px}.time-choice-grid{display:grid;gap:7px;margin-top:8px}.hour-grid{grid-template-columns:repeat(6,1fr)}.minute-grid{grid-template-columns:repeat(6,1fr)}.time-choice-grid button{border:1px solid var(--line);background:var(--surface);border-radius:13px;min-height:43px;color:var(--text);font-weight:800}.time-choice-grid button.selected{background:var(--copper);color:#fff;border-color:var(--copper);box-shadow:0 7px 18px rgba(166,93,67,.22)}

.feedback-modal{animation:feedbackSpring .48s cubic-bezier(.2,1.45,.35,1)}.feedback-modal-icon{position:relative;overflow:visible}.feedback-orbit{position:absolute;inset:-9px;border:1px solid currentColor;border-radius:22px;opacity:.2;animation:orbitPulse 1.7s infinite}.feedback-sparkles{position:absolute;inset:0;pointer-events:none}.feedback-sparkles i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--copper);animation:spark .7s both}.feedback-sparkles i:nth-child(1){top:18%;left:17%}.feedback-sparkles i:nth-child(2){top:14%;right:18%;animation-delay:.08s}.feedback-sparkles i:nth-child(3){bottom:31%;left:10%;animation-delay:.15s}.feedback-sparkles i:nth-child(4){bottom:30%;right:10%;animation-delay:.2s}@keyframes feedbackSpring{0%{transform:translate(-50%,-40%) scale(.75);opacity:0}65%{transform:translate(-50%,-50%) scale(1.04);opacity:1}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes orbitPulse{50%{transform:scale(1.12);opacity:.05}}@keyframes spark{0%{transform:scale(0);opacity:0}55%{transform:scale(1.2);opacity:1}100%{transform:translateY(-10px) scale(.4);opacity:0}}

.email-action-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#f7f2ec,#efe5dd)}.email-action-card{width:min(450px,100%);background:#fff;border:1px solid #eadfd6;border-radius:28px;padding:34px;text-align:center;box-shadow:0 30px 90px rgba(70,46,37,.15);animation:emailActionIn .55s cubic-bezier(.2,1.3,.35,1)}.email-action-ring{width:76px;height:76px;border-radius:24px;margin:0 auto 19px;display:grid;place-items:center;background:rgba(82,123,97,.12);color:#527b61;font-size:37px;font-weight:900}.email-action-card.danger .email-action-ring{background:rgba(169,71,71,.1);color:#a94747}.email-action-card h1{font-size:25px}.email-action-card>p{color:#7e716a;line-height:1.8}.email-action-event{display:grid;gap:5px;margin:22px 0;padding:16px;background:#faf6f2;border-radius:16px}.email-action-event span{font-size:12px;color:#8b7d75}@keyframes emailActionIn{from{opacity:0;transform:translateY(25px) scale(.92)}to{opacity:1;transform:none}}

.ack-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.ack-tag{display:inline-flex;align-items:center;gap:3px;padding:4px 7px;border-radius:99px;background:rgba(82,123,97,.1);color:#527b61;font-size:9px;font-weight:800}.ack-tag.accent{background:rgba(11,142,214,.09);color:#0b8ed6}.ack-tag .icon{width:11px}.assignment-person{min-width:0;flex:1}.premium-invitation-preview{display:grid;grid-template-columns:44px 1fr auto;align-items:center;text-align:start;gap:11px;min-height:68px}.premium-invitation-preview>span{width:44px;height:44px;border-radius:13px;background:rgba(166,93,67,.1);display:grid;place-items:center;color:var(--copper)}.premium-invitation-preview>div{display:grid;gap:2px}.premium-invitation-preview small{color:var(--muted);font-size:10px}.invitation-priority{order:-1}

.simplified-filter{padding:8px;gap:7px;border-radius:16px}.simplified-filter input,.simplified-filter select{min-height:38px;padding:7px 10px;border-radius:11px;font-size:12px}.simplified-filter .button{min-height:38px;padding:7px 11px;font-size:11px}.simplified-filter .search-field{min-width:190px}.compact-button{min-height:38px;padding:8px 11px}.compact-detail-hero{padding:17px 18px}.compact-form-surface,.compact-detail-surface,.compact-team-surface,.compact-notes-surface{padding:17px}

@media(max-width:700px){
  .content{padding:13px 11px 88px}.topbar{min-height:64px;padding:9px 12px}.topbar h1{font-size:18px}.topbar-eyebrow{display:none}.user-chip div{display:none}.user-chip{padding:5px}.surface{border-radius:19px;padding:14px}.welcome-banner,.photographer-hero{padding:16px;border-radius:19px}.welcome-banner h2,.photographer-hero h2{font-size:20px}.stat-grid{gap:8px}.stat-card{min-height:70px;padding:10px;border-radius:16px}.stat-card strong{font-size:21px}.stat-card small{font-size:9px}.stat-icon{width:35px;height:35px;border-radius:11px}.event-list{gap:8px}.event-card{min-height:auto;padding:8px;border-radius:16px;grid-template-columns:44px 1fr 26px;gap:8px}.event-card-date{width:44px;min-height:52px;border-radius:12px}.event-card-date strong{font-size:18px}.event-card-date span{font-size:8px}.event-card-body h3{font-size:13px;margin:1px 0}.event-card-top{gap:6px}.event-number{font-size:8px}.event-meta{gap:5px;margin-top:5px}.event-meta span,.event-meta a{font-size:9px}.event-meta .icon{width:12px}.event-team{display:none}.event-card-link{width:25px;height:25px;font-size:14px}.pending-card{padding:12px;border-radius:17px}.pending-date{padding:8px;margin:8px 0}.pending-actions{gap:7px}.pending-actions .button{min-height:39px;padding:7px;font-size:11px}.section-head{margin-bottom:10px}.section-head h2{font-size:17px}.section-kicker{font-size:9px}.detail-layout{display:flex;flex-direction:column}.detail-side{display:contents}.detail-main{display:contents}.invitation-priority{order:-10}.compact-detail-hero{display:grid;gap:10px;padding:14px}.compact-detail-hero h2{font-size:19px}.detail-actions{gap:5px;overflow-x:auto}.detail-actions .button{white-space:nowrap}.info-grid{grid-template-columns:1fr 1fr;gap:7px}.info-item{padding:10px;min-height:58px}.info-item strong{font-size:11px}.info-icon{width:33px;height:33px}.assignment-card{padding:9px;gap:7px}.assignment-card .mini-avatar.large{width:34px;height:34px}.assignment-card strong{font-size:11px}.assignment-card small{font-size:9px}.upload-tag{font-size:8px;padding:4px 6px}.status-badge{font-size:8px;padding:4px 6px}.note-form textarea{min-height:60px}.premium-public-card{width:calc(100% - 18px);padding:27px 17px 22px}.public-logo-wrap{width:125px}.premium-public-card h1{font-size:39px}.public-tagline{font-size:13px}.premium-public-actions .public-action{min-height:65px;grid-template-columns:43px 1fr auto;padding:9px 12px}.public-social-icon,.ons-logo-mark,.ons-logo-mark svg{width:42px;height:42px}.premium-picker-modal{bottom:8px;width:calc(100% - 12px);border-radius:27px 27px 21px 21px;padding:10px 14px 18px}.picker-days{gap:3px}.picker-day{border-radius:11px}.hour-grid,.minute-grid{grid-template-columns:repeat(4,1fr)}.time-choice-grid button{min-height:39px}.picker-modal-head h2{font-size:22px}.simplified-filter{display:flex;overflow-x:auto;align-items:center;padding:7px;margin-inline:-2px}.simplified-filter>*{flex:0 0 auto}.simplified-filter .search-field{min-width:210px}.simplified-filter input[type=date]{width:128px}.simplified-filter select{width:135px}.responsive-table table{min-width:680px}.calendar-stat{padding:9px}.calendar-stat strong{font-size:21px}.calendar-surface{padding:12px}.premium-calendar-card{padding:10px}.calendar-day{min-height:49px}.day-number{font-size:12px}
}

/* ===== v2.4 Native booking scheduler + public page builder ===== */
.scheduler-surface{overflow:visible}.premium-event-scheduler{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:16px;margin-bottom:18px}.scheduler-block{border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface-2));border-radius:24px;padding:18px;box-shadow:0 12px 34px rgba(70,48,38,.06)}.scheduler-title{display:grid;grid-template-columns:5px 1fr 42px;align-items:center;gap:11px;margin-bottom:14px}.scheduler-title>span{width:5px;height:34px;border-radius:99px;background:linear-gradient(var(--copper),var(--brown))}.scheduler-title>div{min-width:0}.scheduler-title small{display:block;color:var(--muted);font-size:10px;margin-bottom:2px}.scheduler-title h3{margin:0;font-size:17px}.scheduler-title>.icon{width:23px;height:23px;color:var(--copper);justify-self:center}.inline-event-calendar{border:1px solid var(--line);border-radius:22px;padding:14px;background:var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.inline-calendar-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;margin-bottom:14px}.inline-calendar-head button{height:38px;border:0;border-radius:12px;background:var(--surface-2);color:var(--copper);font-size:24px;transition:.18s}.inline-calendar-head button:hover{transform:scale(1.06);background:rgba(166,93,67,.10)}.inline-calendar-head div{text-align:center}.inline-calendar-head small{display:block;color:var(--muted);font-size:9px;min-height:13px}.inline-calendar-head h4{margin:3px 0 0;font-size:16px}.inline-calendar-weekdays,.inline-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.inline-calendar-weekdays{margin-bottom:5px}.inline-calendar-weekdays span{text-align:center;color:var(--muted);font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-day{aspect-ratio:1;border:0;border-radius:14px;background:transparent;color:var(--text);display:grid;place-items:center;font-weight:700;transition:.18s;position:relative}.inline-day:not(.empty):hover{background:var(--surface-2);transform:translateY(-1px)}.inline-day.today{color:#0b8ed6}.inline-day.today:after{content:"";position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:#0b8ed6}.inline-day.selected{background:linear-gradient(145deg,#3d2769,#281749);color:#fff;box-shadow:0 10px 24px rgba(49,35,94,.27);transform:scale(1.06)}.inline-day.selected:after{display:none}.inline-day.empty{pointer-events:none}.time-scheduler-block{display:flex;flex-direction:column}.premium-time-trigger{margin-top:auto;width:100%;min-height:78px;border:1px solid var(--line);background:var(--surface);border-radius:19px;padding:12px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;text-align:start;transition:.2s}.premium-time-trigger:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:rgba(166,93,67,.4)}.time-trigger-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(61,39,105,.10),rgba(11,142,214,.08));color:#3d2769}.time-trigger-icon .icon{width:23px;height:23px}.premium-time-trigger small{display:block;color:var(--muted);font-size:10px}.premium-time-trigger strong{display:block;margin-top:4px;font-size:17px}.premium-time-trigger>b{font-size:25px;color:var(--muted)}.event-basic-fields{margin-top:18px}

.analog-time-modal{width:min(510px,calc(100% - 18px));padding:12px 25px 22px}.analog-picker-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.analog-picker-heading small{color:var(--muted);font-size:11px}.analog-picker-heading h2{font-size:20px;margin:4px 0 0}.picker-close{width:38px;height:38px;border:0;border-radius:12px;background:var(--surface-2);font-size:23px;color:var(--muted)}.digital-time-row{display:flex;align-items:center;justify-content:center;gap:9px;margin:18px 0 14px}.digital-time-row>span{font-size:38px;font-weight:900}.digital-time-value{width:94px;height:78px;border:2px solid transparent;border-radius:17px;background:var(--surface-2);font-size:36px;font-weight:900;transition:.18s}.digital-time-value.active{background:#3d2769;color:#fff;box-shadow:0 12px 28px rgba(49,35,94,.24);transform:translateY(-2px)}.ampm-stack{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}.ampm-stack button{width:55px;height:38px;border:0;background:var(--surface);font-weight:800}.ampm-stack button+button{border-top:1px solid var(--line)}.ampm-stack button.active{background:#13cbb8;color:#062d2a}.analog-clock{width:min(315px,76vw);aspect-ratio:1;margin:14px auto 10px;border-radius:50%;position:relative;background:radial-gradient(circle,var(--surface) 0 58%,var(--surface-2) 59% 100%);border:1px solid var(--line);box-shadow:inset 0 0 0 10px rgba(49,35,94,.025),0 16px 38px rgba(49,35,94,.08)}.clock-center{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#3d2769;transform:translate(-50%,-50%);z-index:4}.clock-hand{position:absolute;left:calc(50% - 1.5px);top:18%;width:3px;height:32%;background:#3d2769;border-radius:99px;transform-origin:50% 100%;transform:rotate(var(--clock-angle));z-index:2;transition:transform .24s cubic-bezier(.22,1,.36,1)}.clock-hand i{position:absolute;top:-5px;left:-4px;width:11px;height:11px;border-radius:50%;background:#3d2769}.clock-number{position:absolute;left:50%;top:50%;width:43px;height:43px;border:0;border-radius:50%;background:transparent;color:var(--text);font-size:17px;font-weight:800;transform:translate(-50%,-50%) rotate(calc(var(--clock-index) * 30deg)) translateY(-123px) rotate(calc(var(--clock-index) * -30deg));z-index:3;transition:.16s}.clock-number:hover{background:rgba(49,35,94,.07)}.clock-number.selected{background:#3d2769;color:#fff;box-shadow:0 8px 18px rgba(49,35,94,.25);transform:translate(-50%,-50%) rotate(calc(var(--clock-index) * 30deg)) translateY(-123px) rotate(calc(var(--clock-index) * -30deg)) scale(1.08)}.analog-picker-actions{display:flex;justify-content:flex-end;gap:24px;padding:10px 4px 0}.text-action{border:0;background:transparent;color:#3d2769;font-weight:900;font-size:15px;padding:10px}.primary-text{color:var(--copper)}

.public-grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(166,93,67,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(166,93,67,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at center,#000,transparent 78%);pointer-events:none}.custom-public-action{animation:publicButtonIn .55s both cubic-bezier(.22,1,.36,1);animation-delay:var(--button-delay)}.premium-public-actions.many-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.public-logo{max-width:100%;max-height:150px;object-fit:contain}.public-logo-wrap{width:min(230px,48vw);margin-inline:auto}.custom-public-action.icon-whatsapp .public-social-icon{color:#1ca866;background:rgba(28,168,102,.09)}.custom-public-action.icon-instagram .public-social-icon{color:#c13584;background:linear-gradient(145deg,rgba(245,133,41,.10),rgba(193,53,132,.10))}.custom-public-action.icon-ons .ons-logo-mark{filter:drop-shadow(0 8px 14px rgba(49,35,94,.14))}@keyframes publicButtonIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}

.public-builder-surface{overflow:hidden}.public-builder-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.logo-settings-card{border:1px solid var(--line);background:var(--surface-2);border-radius:20px;padding:14px;display:grid;gap:12px;align-content:start}.logo-preview{min-height:150px;border:1px dashed var(--line);border-radius:17px;background:var(--surface);display:grid;place-items:center;padding:15px}.logo-preview img{max-width:210px;max-height:125px;object-fit:contain}.logo-upload-form{display:grid;gap:9px}.file-drop.compact{min-height:95px;padding:12px;display:grid;place-items:center;text-align:center;border:1px dashed var(--line);border-radius:15px;cursor:pointer;background:var(--surface)}.file-drop.compact input{display:none}.file-drop.compact span{color:var(--copper)}.file-drop.compact strong{font-size:12px}.file-drop.compact small{font-size:9px;color:var(--muted)}.public-builder-form{display:grid;gap:14px}.public-buttons-editor{display:grid;gap:10px}.public-button-editor{border:1px solid var(--line);border-radius:18px;padding:13px;background:var(--surface-2);transition:.22s}.public-button-editor:hover{border-color:rgba(166,93,67,.32);transform:translateY(-1px)}.public-button-editor-head{display:flex;align-items:center;gap:9px;margin-bottom:11px}.button-order{width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,var(--copper),var(--brown));color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.public-button-editor-head strong{flex:1}.mini-switch input{display:none}.mini-switch span{width:42px;height:24px;border-radius:99px;background:#d9d0ca;position:relative;display:block;transition:.2s}.mini-switch span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.mini-switch input:checked+span{background:var(--sage)}.mini-switch input:checked+span:after{transform:translateX(18px)}[dir="rtl"] .mini-switch input:checked+span:after{transform:translateX(18px)}.button-editor-grid{gap:9px}.hidden-editor-row{display:none!important}

/* Stronger premium action popups */
.feedback-modal{border-radius:30px!important;box-shadow:0 34px 110px rgba(35,21,28,.28)!important}.feedback-modal-icon{animation:premiumIconPop .65s cubic-bezier(.2,1.5,.35,1)}.confirm-modal{border-radius:28px!important}.confirm-modal-icon{animation:premiumIconPop .58s cubic-bezier(.2,1.5,.35,1)}@keyframes premiumIconPop{0%{transform:scale(.45) rotate(-15deg);opacity:0}70%{transform:scale(1.12) rotate(4deg);opacity:1}100%{transform:scale(1)}}

@media(max-width:900px){.premium-event-scheduler{grid-template-columns:1fr}.public-builder-grid{grid-template-columns:1fr}.logo-settings-card{grid-template-columns:150px 1fr;align-items:center}.logo-preview{min-height:120px}.premium-public-actions.many-buttons{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .scheduler-surface{padding:12px!important}.premium-event-scheduler{gap:10px}.scheduler-block{padding:11px;border-radius:19px}.scheduler-title{grid-template-columns:4px 1fr 34px;margin-bottom:9px}.scheduler-title h3{font-size:14px}.scheduler-title small{font-size:8px}.inline-event-calendar{padding:9px;border-radius:18px}.inline-calendar-head{grid-template-columns:34px 1fr 34px;margin-bottom:9px}.inline-calendar-head button{height:33px}.inline-calendar-head h4{font-size:14px}.inline-calendar-head small{font-size:8px}.inline-calendar-weekdays,.inline-calendar-days{gap:2px}.inline-calendar-weekdays span{font-size:7px}.inline-day{border-radius:10px;font-size:11px}.inline-day.today:after{bottom:3px}.premium-time-trigger{min-height:63px;border-radius:16px;padding:8px;grid-template-columns:40px 1fr auto}.time-trigger-icon{width:40px;height:40px;border-radius:12px}.premium-time-trigger strong{font-size:14px}.event-basic-fields{margin-top:11px}.analog-time-modal{padding:9px 14px 17px;border-radius:27px 27px 20px 20px}.analog-picker-heading h2{font-size:17px}.digital-time-row{gap:6px;margin:12px 0}.digital-time-value{width:76px;height:64px;font-size:30px}.digital-time-row>span{font-size:31px}.ampm-stack button{width:48px;height:32px}.analog-clock{width:min(285px,82vw)}.clock-number{width:38px;height:38px;font-size:14px;transform:translate(-50%,-50%) rotate(calc(var(--clock-index) * 30deg)) translateY(-110px) rotate(calc(var(--clock-index) * -30deg))}.clock-number.selected{transform:translate(-50%,-50%) rotate(calc(var(--clock-index) * 30deg)) translateY(-110px) rotate(calc(var(--clock-index) * -30deg)) scale(1.06)}.analog-picker-actions{padding-top:4px}.public-builder-grid{display:block}.logo-settings-card{display:grid;grid-template-columns:1fr;margin-bottom:12px}.logo-preview{min-height:105px}.button-editor-grid{grid-template-columns:1fr 1fr}.button-editor-grid .span-2{grid-column:1/-1}.public-button-editor{padding:10px;border-radius:15px}.premium-public-actions.many-buttons{grid-template-columns:1fr}.public-logo-wrap{width:115px}.premium-public-card{padding-top:22px}.premium-public-card h1{font-size:34px;margin-top:10px}.premium-public-actions .public-action{min-height:58px!important}.public-action small{font-size:8px}.public-action strong{font-size:12px}
}
.row-actions form{margin:0;display:inline-flex}.danger-icon{color:var(--danger)!important;background:#fff4f3!important;border-color:#f0d1cf!important}.danger-icon:hover{background:#ffe9e7!important}


/* ZAFA v2.5 — domain-ready responsive events, custom public icons, payments */
.custom-image-icon{overflow:hidden;background:var(--surface)!important;border:1px solid var(--line)}
.custom-image-icon img{width:100%;height:100%;object-fit:contain;padding:7px}
.public-button-icon-field{border:1px dashed var(--line);border-radius:14px;padding:10px;background:var(--surface)}
.button-icon-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:7px}
.button-icon-control>img,.button-icon-placeholder{width:52px;height:52px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);display:grid;place-items:center;object-fit:contain;padding:5px}
.button-icon-placeholder .public-social-icon,.button-icon-placeholder .ons-logo-mark{width:40px;height:40px}
.button-icon-control input[type=file]{flex:1;min-width:190px}
.remove-icon-check{display:inline-flex!important;align-items:center;gap:6px;font-size:11px;color:var(--danger)}
.remove-icon-check input{width:auto!important}
.mobile-events-list{display:none}
.assignment-card-tags{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.assignment-payment-form{margin:0}
.payment-status{border:0;border-radius:999px;padding:6px 10px;display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:10px;font-weight:800;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background}
.payment-status:hover{transform:translateY(-1px)}
.payment-status .icon{width:13px;height:13px}
.payment-status.paid{background:rgba(82,123,97,.13);color:#527b61;box-shadow:inset 0 0 0 1px rgba(82,123,97,.15)}
.payment-status.unpaid{background:rgba(180,126,54,.12);color:#9c6a2e;box-shadow:inset 0 0 0 1px rgba(180,126,54,.16)}
@media(max-width:760px){
  .desktop-events-table{display:none!important}
  .mobile-events-list{display:grid;gap:9px;margin-top:12px}
  .mobile-event-item{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:8px;box-shadow:var(--shadow-soft)}
  .mobile-event-main{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;color:inherit;text-decoration:none;padding-inline-end:62px}
  .mobile-event-date{width:42px;min-height:50px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;align-content:center;line-height:1}
  .mobile-event-date strong{font-size:17px;color:var(--copper)}.mobile-event-date span{font-size:8px;color:var(--muted);margin-top:4px}
  .mobile-event-content{min-width:0}.mobile-event-head{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.mobile-event-head h3{font-size:13px;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-event-head small{font-size:8px;color:var(--muted)}
  .mobile-event-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.mobile-event-meta span{display:flex;align-items:center;gap:3px;font-size:9px;color:var(--muted)}.mobile-event-meta .icon{width:12px;height:12px}
  .mobile-event-team{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:4px;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-event-team .icon{width:12px;height:12px;flex:none}
  .mobile-event-actions{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);display:flex;gap:4px}.mobile-event-actions form{margin:0}
  .assignment-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.assignment-card-tags{grid-column:1/-1;justify-content:flex-start;padding-inline-start:42px}
  .payment-status{padding:5px 8px;font-size:9px}
  .public-button-icon-field{padding:8px}.button-icon-control>img,.button-icon-placeholder{width:44px;height:44px}.button-icon-control input[type=file]{min-width:160px;font-size:10px}
}
