/* DJ Support v0.8.1 – final responsive layer */
:root{--content-max:1480px;--control:#090f1b;--card-soft:#0d1526}
html{overflow-x:hidden}body{min-width:320px}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px}textarea{resize:vertical}
.shell main{min-width:0}.content{width:100%;max-width:var(--content-max);padding:42px clamp(22px,3vw,46px) 72px}.panel,.form-card,.detail,.preview-shell{min-width:0}.panel{max-width:100%}
.page-head{gap:24px;margin-bottom:30px}.page-head h1,.hero h1{font-size:clamp(42px,4vw,58px)}.page-head>div{min-width:0}.page-head>div>span{max-width:760px;line-height:1.55}.page-head .actions{justify-content:flex-end}
.form-card h2,.section-heading h2,.card-heading h2{font:400 28px Georgia,serif;margin:0}.eyebrow{margin:0 0 7px;color:#9d79ff;font-size:10px;font-weight:800;letter-spacing:.15em}.card-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading{padding:0 4px}.section-heading>span{color:var(--muted);font-size:13px}
.form-grid label,.user-fields label{min-width:0}.form-grid input,.form-grid select,.form-grid textarea,.user-fields input,.calendar-feed input,.detail input,.detail select,.detail textarea,.stack input,.stack textarea,.stack select{width:100%;min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:var(--control);color:#fff}.form-grid textarea{width:100%}
.users-layout{display:grid;grid-template-columns:minmax(300px,410px) minmax(0,1fr);gap:24px;align-items:start}.user-create-card{position:sticky;top:108px;margin:0;padding:25px}.user-directory{min-width:0}.user-cards{display:grid;gap:14px}.user-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:15px;background:rgba(15,23,40,.9)}
.user-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;margin-bottom:18px}.user-card-head h3{margin:0 0 3px;font-size:17px}.user-card-head p{margin:0;color:var(--muted);font-size:13px}.avatar{width:44px;height:44px}.user-fields{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:13px}.user-fields label{display:grid;gap:7px;color:var(--muted);font-size:12px}
.role-picker{min-width:0;margin:18px 0 0;padding:12px;border:1px solid var(--line);border-radius:11px}.role-picker legend{padding:0 7px;color:#d9ddec;font-size:12px;font-weight:700}.role-options{display:grid;gap:8px}.role-option{display:flex!important;align-items:flex-start;gap:10px!important;padding:10px;border-radius:8px;background:rgba(7,10,18,.5);cursor:pointer}.role-option input,.role-chip input{flex:0 0 auto;width:16px!important;height:16px!important;min-height:0!important;margin:2px 0 0;accent-color:#8b5cf6}.role-option span{display:grid;gap:2px}.role-option small{color:var(--muted);font-size:11px}.role-picker.compact{margin-top:14px}.role-picker.compact .role-options{display:flex;flex-wrap:wrap}.role-chip{display:inline-flex!important;align-items:center;gap:7px!important;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--control);color:#d6dbea;font-size:12px;cursor:pointer}
.calendar-feed{display:grid;grid-template-columns:minmax(170px,.55fr) minmax(0,1fr);gap:14px;align-items:end;margin-top:14px}.calendar-feed>div{display:grid;gap:3px}.calendar-feed small{color:var(--muted);font-size:11px}.calendar-feed input{height:42px}.password-panel{margin-top:15px;border-top:1px solid var(--line);padding-top:13px}.password-panel summary{width:max-content;color:#cdbdff;font-size:13px;font-weight:700;cursor:pointer}.password-panel .user-fields{margin-top:13px}.mobile-save{display:none}.error-panel{margin-bottom:20px}
.detail-grid{align-items:start}.detail{overflow:hidden}.detail dl{grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr);gap:8px 16px}.detail dd{min-width:0;margin:0;overflow-wrap:anywhere}.detail form{min-width:0}.note-box{overflow-wrap:anywhere}
.event-list{grid-template-columns:minmax(180px,1.4fr) minmax(130px,.7fr) minmax(130px,.7fr) minmax(140px,.7fr) minmax(125px,auto);gap:15px;align-items:center}.event-list>*{min-width:0;overflow-wrap:anywhere}.event-list em{justify-self:start}
.calendar-event>*{min-width:0}.calendar-event{overflow:hidden}.calendar-main b,.calendar-meta span{overflow-wrap:anywhere}
.cards article{min-width:0}.cards b{line-height:1.3}.tasks div{min-width:0}.row em{display:inline-block;max-width:100%;white-space:normal}.event-grid.row span{min-width:0;overflow-wrap:anywhere}
.catalog-grid>section,.settings-grid>*{min-width:0}.provider-choice label{min-width:0}.provider-choice span{min-width:0}.template-editor textarea{width:100%}
@media(max-width:1180px){.users-layout{grid-template-columns:340px minmax(0,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.event-list{grid-template-columns:minmax(170px,1.3fr) minmax(120px,.7fr) minmax(120px,.7fr) auto}.event-list span:nth-of-type(3){display:none}}
@media(max-width:950px){.users-layout{grid-template-columns:1fr}.user-create-card{position:static}.user-directory{margin-top:8px}.detail-grid{grid-template-columns:1fr}.page-head .actions{justify-content:flex-start}.event-list span:nth-of-type(3){display:block}}
@media(max-width:760px){
 .content{padding:24px 14px calc(48px + var(--safe-bottom))}.shell header{padding-inline:14px}.hero,.page-head{display:grid;gap:17px;margin-bottom:23px}.hero h1,.page-head h1{font-size:clamp(36px,11vw,45px)}.page-head>.primary,.hero>.primary{width:100%;justify-content:center}.page-head .actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}.page-head .actions a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px;border:1px solid var(--line);border-radius:8px}
 .cards{grid-template-columns:1fr 1fr;gap:10px}.cards article{padding:16px;min-height:150px}.cards article>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px}.cards i{width:38px;height:38px}.cards strong{font-size:40px;margin-top:12px}.cards b{font-size:13px}.tasks{display:grid;grid-template-columns:1fr}.tasks div{padding:16px}
 .form-card,.detail,.user-card{padding:16px;border-radius:12px}.form-grid,.user-fields{grid-template-columns:1fr}.form-actions{align-items:stretch}.form-actions .primary{width:100%;justify-content:center}.user-card-head{grid-template-columns:auto minmax(0,1fr)}.user-save{display:none}.mobile-save{display:block;margin-top:16px}.calendar-feed{grid-template-columns:1fr}.role-picker.compact .role-options{display:grid;grid-template-columns:1fr 1fr}.role-chip{width:100%}.user-create-card{padding:18px}.section-heading{padding:0}.password-panel summary{min-height:40px;display:flex;align-items:center}
 .event-list{grid-template-columns:1fr;gap:7px;margin:10px;padding:15px;border:1px solid var(--line);border-radius:10px}.event-list span:nth-of-type(3){display:block}.event-list em{margin-top:3px}.panel{overflow:hidden}.list-row,.list-row.customers{grid-template-columns:1fr}.calendar-event{grid-template-columns:48px minmax(0,1fr)}
 .detail dl{grid-template-columns:1fr}.detail dt{margin-top:8px}.detail dd{padding-bottom:6px}.settings-grid,.catalog-grid,.template-section{grid-template-columns:1fr}.provider-choice.three{grid-template-columns:1fr}.email-template-grid{grid-template-columns:1fr}.contract-preview{max-width:100%}
}
@media(max-width:430px){.cards{grid-template-columns:1fr}.profile form button{font-size:12px}.role-picker.compact .role-options{grid-template-columns:1fr}.page-head .actions{grid-template-columns:1fr}.card-heading,.section-heading{align-items:flex-start}.user-card-head{gap:10px}}