/* Studio Ninja overviews and client profile (trial account measurements, 2026-10-21). */
.page-header .toolbar>button .jl-icon,.page-header .toolbar>.button .jl-icon{width:16px;height:16px;margin-right:6px;vertical-align:-3px}
.ll-add{display:inline-flex;align-items:center;gap:10px;padding-left:5px!important}
.ll-add>span{width:34px;height:34px;border-radius:50%;background:var(--sn-green-dark,#07683a);display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}
.ll-tools{display:flex;align-items:center;gap:12px;margin:0 0 15px}
.ll-tools .spacer{flex:1}
.ll-filter{width:280px;height:36px;padding:0 12px!important}
.ll-search{position:relative;display:block;width:280px;margin:0}
.ll-search input{width:100%;height:36px;padding:0 34px 0 12px!important;font-size:14px!important}
.ll-search .jl-icon{position:absolute;right:10px;top:9px;width:16px;height:16px;color:var(--sn-muted)}
.ll-export{display:none}
.ll-table-wrap{overflow-x:auto}
.ll-table{width:100%;border-collapse:collapse;background:var(--sn-surface,#fff);font-size:12px}
.ll-table thead{background:var(--sn-soft)}
.ll-table th{background:transparent!important;text-align:left;font-size:12px;font-weight:500;color:var(--sn-label);padding:15px!important;height:47px;white-space:nowrap}
.ll-table td{padding:0!important;border-bottom:1px solid var(--sn-border);height:56px;font-size:12px;vertical-align:middle}
.ll-table td>a{display:flex;flex-direction:column;justify-content:center;min-height:55px;padding:0 15px;color:var(--sn-text);text-decoration:none}
.ll-table tbody tr:hover td{background:var(--sn-soft2,#fafafa)}
.ll-sort{background:none!important;border:0!important;padding:0!important;font-size:12px!important;font-weight:500!important;color:var(--sn-label)!important;min-height:0}
.ll-menu-cell{width:44px;text-align:center;position:relative}
.ll-menu-cell .sn-menu{right:8px;top:36px}
.ll-type{display:inline-flex;align-items:center;gap:6px}
.ll-type i{width:10px;height:10px;border-radius:50%;border:1px solid #18181b26;flex-shrink:0}
.ll-dot-only{font-size:0;gap:0}
.ll-subject{display:block;color:var(--sn-text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ll-chip{display:inline-block;width:max-content;margin-top:3px;border-radius:360px;padding:0 8px;font-size:10px;font-weight:500;line-height:16px}
.ll-chip--new{background:#d9f99d;color:#1a2e05}.ll-chip--me{background:var(--ph-prod-mid,#fde68a);color:var(--ph-prod-ink,#451a03)}.ll-chip--client{background:var(--sn-line,#e4e4e7);color:var(--sn-label,#3f3f46)}
.ll-progress{display:block;width:150px;max-width:100%;height:6px;border-radius:3px;background:var(--sn-line,#e4e4e7);overflow:hidden}
.ll-progress i{display:block;height:100%;background:#f59e0b}
.ll-cards{display:none}
.ll-pager{display:flex;align-items:center;justify-content:space-between;margin-top:15px}
.ll-show{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sn-text)}
.ll-show select{height:25px;padding:0 6px!important;font-size:12px!important}
.ll-pages{display:flex;gap:4px}
.ll-pages button{padding:4px 10px;font-size:12px;font-weight:400}
.ll-pages .ll-current{background:var(--sn-green);border-color:var(--sn-green);color:#fff}
.ll-empty{background:var(--sn-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:390px;color:var(--sn-text)}
.ll-empty>.jl-icon{width:60px;height:60px;color:var(--sn-muted)}
#ll-tabbar{display:none}
/* Client profile ≥992px: col-lg-4 | col-lg-8 */
.ll-client.jl-job{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.ll-profile-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.ll-profile-head .jl-avatar{margin:0}
.ll-profile-head h3{margin:0;font-size:16px;font-weight:500}
.ll-profile-head small{display:block;color:var(--sn-muted);font-size:12px;font-weight:400}
.ll-client-rows dt,.ll-client-rows dd{font-size:12px;line-height:28px}
.ll-total{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}
.ll-total b{color:var(--sn-green);font-weight:500}
.ll-total small{color:var(--sn-muted);font-size:12px}
.ll-project .jl-job-name a{color:var(--sn-text);text-decoration:none}
.ll-note .jl-doc__top button{padding:4px 10px;font-size:12px}
.ll-count{display:block;text-align:right;color:var(--sn-muted);font-size:11px;margin-top:3px}
.ll-addnew2{flex-direction:row}
.ll-addnew2 button{flex:1}
@media(max-width:991px){
 body.ll-page .page-header{display:none!important}
 .ll-tools{background:var(--sn-soft);padding:15px;margin:0;border-bottom:1px solid var(--sn-border)}
 .ll-tools .spacer{display:none}
 .ll-search{order:1;width:280px}
 .ll-filter{order:2;flex:1;width:auto}
 .ll-export{order:3;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:0;padding:0;border-radius:50%;margin-left:auto}
 .ll-export .jl-icon{width:15px;height:15px;margin:0}
 .ll-table-wrap{display:none}
 .ll-cards{display:block}
 .ll-card{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--sn-border);padding:20px 10px 20px 15px}
 .ll-card>a{flex:1;color:var(--sn-text);text-decoration:none;min-width:0}
 .ll-card h3{margin:0 0 14px;font-size:14px;font-weight:500;color:var(--sn-label)}
 .ll-card p{margin:0 0 4px;font-size:13px;color:var(--sn-muted)}
 .ll-card p b{color:var(--sn-text);font-weight:500}
 .ll-card .ll-subject{max-width:none;margin-top:6px;color:var(--sn-text)}
 .ll-card .sn-dots>summary{width:36px;height:36px;font-size:26px}
 .ll-card .sn-menu{top:38px}
 .ll-pager{padding:15px;margin:0}
 .ll-show span,.ll-pages{display:none}
 #ll-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;height:60px;background:var(--sn-surface,#fff);z-index:100;box-shadow:0 -1px 0 var(--sn-border)}
 #ll-tabbar[hidden]{display:none}
 #ll-tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--sn-text);text-decoration:none;font-size:12px}
 #ll-tabbar a.active{background:var(--sn-nav)}
 #ll-tabbar .jl-icon{width:20px;height:20px}
 body.ll-has-tabbar main{padding-bottom:80px!important}
 .ll-client .ll-profile-head{flex-direction:column;justify-content:center;gap:8px;border-bottom:1px solid var(--sn-line,#e4e4e7);padding-bottom:16px;margin:-4px -20px 16px}
 .ll-client .ll-profile-head h3{font-size:16px;font-weight:400;text-align:center}
 .ll-client .ll-client-rows dt,.ll-client .ll-client-rows dd{font-size:13px}
 .ll-addnew2{flex-direction:column}
 .ll-client .jl-sec{order:var(--o)}
 .ll-client .ll-total{display:none}
}
.jl-mail td:last-child,.jl-mail button{white-space:nowrap}
@media(max-width:600px){.ll-tools{flex-wrap:wrap}.ll-search{width:100%;flex:1 1 100%}.ll-filter{min-width:0}}