/* 会社の素材フォルダー（2026-10-07）。トップの「制作物フォルダ」の左の列と、選ぶ画面 */
.asset-toolbar{margin-top:16px!important}
#asset-folders{display:flex;flex-direction:column;gap:5px}
.asset-nav-note{font-size:11px;color:#80868b;margin:4px 10px}
.asset-folder .library-folder-icon{background:#c4a35a}
.asset-folder[aria-pressed=true] .library-folder-icon{background:#b06000}
#creation-feed.assets-mode .production-main>*:not(#asset-panel){display:none!important}
#creation-feed.assets-mode #library-folders .library-folder[aria-pressed=true]{background:transparent}
#creation-feed.assets-mode #library-folders .library-folder[aria-pressed=true] strong{color:#3c4043}
#creation-feed.assets-mode #library-folders .library-folder[aria-pressed=true] .library-folder-icon{background:#9aa0a6}
#asset-panel[hidden]{display:none}
#asset-panel .library-breadcrumb{display:flex}
#asset-panel .library-breadcrumb>span{display:inline!important}
#asset-panel .library-breadcrumb>span:after{content:' /';color:#9aa0a6}
.asset-lead{font-size:13px;color:#3c4043;line-height:1.7;margin:6px 0 2px}
.asset-note{font-size:12px;color:#5f6368;line-height:1.7;margin:0 0 12px}
.asset-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:6px 0 8px}
.asset-primary{background:#0b57d0;color:#ffffff;border:0;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:600;min-height:44px}
.asset-primary:disabled{background:#c4c7c5}
.asset-hint{font-size:11px;color:#80868b}
.asset-status{font-size:12px;color:#5f6368;min-height:18px;margin:4px 0 10px}
.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.asset-card{border:1px solid #dadce0;border-radius:10px;background:#ffffff;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.asset-open{display:block}
.asset-thumb{aspect-ratio:4/3;background:#f1f3f4;display:flex;align-items:center;justify-content:center;overflow:hidden}
.asset-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.asset-kind{font-size:13px;font-weight:700;color:#5f6368;border:1px solid #c4c7c5;border-radius:6px;padding:6px 10px;background:#ffffff}
.asset-thumb[data-kind=video] .asset-kind{color:#b06000}
.asset-thumb[data-kind=pdf] .asset-kind{color:#b3261e}
.asset-meta{padding:9px 11px 4px;display:flex;flex-direction:column;gap:3px;min-width:0}
.asset-meta strong{font-size:12px;color:#1f1f1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-meta small{font-size:11px;color:#80868b}
.asset-more{padding:2px 11px 10px}
.asset-more-toggle{font-size:11px;color:#0b57d0;background:transparent;border:0;padding:4px 0;min-height:30px;font-weight:500}
.asset-menu[hidden]{display:none}
.asset-menu{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.asset-menu button,.asset-menu a,.asset-menu select{font-size:12px;text-align:left;background:#ffffff;border:1px solid #dadce0;border-radius:6px;padding:7px 9px;color:#1f1f1f;text-decoration:none;min-height:34px;width:100%;font-weight:400}
.asset-menu .asset-danger{color:#b3261e}
.asset-rename{display:flex;gap:6px}
.asset-rename input{flex:1;min-width:0;font-size:12px;padding:6px 8px;border:1px solid #dadce0;border-radius:6px}
.asset-rename button{width:auto!important}
/* 選ぶ画面 */
.asset-picker{width:min(760px,96vw);max-height:90vh;padding:20px;border:0;border-radius:14px;background:#ffffff;color:#1f1f1f}
.asset-picker::backdrop{background:#1f1f1f66}
.asset-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.asset-picker-head h2{font-size:18px;margin:0}
.asset-picker-close{background:transparent;border:1px solid #dadce0;border-radius:8px;padding:7px 12px;font-size:12px;color:#3c4043}
.asset-picker-lead{font-size:12px;color:#5f6368;line-height:1.7;margin:8px 0 10px}
.asset-picker-bar{display:flex;gap:8px;flex-wrap:wrap}
.asset-picker-bar select{flex:1;min-width:180px;padding:9px;border:1px solid #dadce0;border-radius:8px;font:inherit;font-size:13px;background:#ffffff}
.asset-picker-add{background:#ffffff;border:1px solid #0b57d0;color:#0b57d0;border-radius:8px;padding:9px 14px;font-size:13px}
.asset-picker-status{font-size:12px;color:#5f6368;margin:10px 0 8px;min-height:16px}
.asset-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:52vh;overflow:auto;padding:2px}
.asset-pick{display:flex;flex-direction:column;gap:4px;text-align:left;background:#ffffff;border:2px solid #e8eaed;border-radius:10px;padding:0 0 8px;overflow:hidden;font-weight:400;min-width:0}
.asset-pick strong,.asset-pick small{padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-pick strong{font-size:12px}
.asset-pick small{font-size:10px;color:#80868b}
.asset-pick[aria-pressed=true]{border-color:#0b57d0;background:#e8f0fe}
.asset-picker-foot{display:flex;justify-content:flex-end;margin-top:12px}
.asset-picker-foot .asset-primary{width:100%}
/* リクトの見本の下の「自社の素材を入れる」 */
.asset-slot{display:flex;flex-direction:column;gap:5px;margin:10px 0 0}
.asset-slot-btn{align-self:flex-start;background:#ffffff;border:1px solid #0b57d0;color:#0b57d0;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600;min-height:40px}
.asset-slot small{font-size:11px;color:#5f6368;line-height:1.6}
/* 選んだ写真で広告を作ることの知らせ（2026-10-07）。外すボタンは文字のリンクの形にして、文の途中で折れて大きく見えないように */
.ad-asset-used{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:#e8f0fe;color:#174ea6;font-size:12px;line-height:1.6}
.ad-asset-off{display:inline;background:none;border:0;padding:0;margin:0 0 0 4px;color:#0b57d0;font-size:12px;font-weight:600;text-decoration:underline;min-height:0;cursor:pointer}
/* 成果物の画面の小さすぎる文字をそろえる（2026-10-08 phase 2 A・監査 9：フォルダの説明が 10px で初心者に読めなかった）。
 * 12px 未満を使わない。値は tokens.css（--ds-fs-xs＝12px・--ds-text-3）。古い規則より後・強めに書く */
#creation-feed :is(.library-folder p,.library-folder small,#library-description,.library-organize,.library-snapshot-note,.feed-card-labels>span,
 .feed-heading>div>p,.library-toolbar>span,.library-toolbar button,.feed-state,.drive-state,.drive-sub,.asset-nav-note,.asset-hint,.asset-meta small,
 .asset-more-toggle,.feed-heading button,#feed-status){font-size:var(--ds-fs-xs)!important}
#creation-feed :is(.library-folder p,.library-folder small,#library-description,.asset-meta small,.asset-hint){color:var(--ds-text-3)!important}
#creation-feed .library-folder strong{font-size:var(--ds-fs-sm)}
.asset-pick small,.asset-slot small{font-size:var(--ds-fs-xs)}
.asset-grid>.asset-empty{grid-column:1/-1}
@media(max-width:760px){
 #asset-folders{flex-direction:row;overflow:auto}
 #asset-folders .library-folder{min-width:155px;background:#ffffff}
 .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .asset-primary{width:100%}
 .asset-picker{padding:14px}
 .asset-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ════ 仕上げ（2026-10-09 全画面の監査） ════
 * 成果物の一覧の上の帯：390px で「制作/物」「並/べて」「一/覧」と1文字ずつ折り返していた。折り返させず、帯ごと次の行へ送る */
.feed-list-toolbar{flex-wrap:wrap;row-gap:var(--ds-sp-2)}
.feed-list-toolbar>span,.drive-view-switch button,.feed-list-toolbar label{white-space:nowrap}
.feed-list-toolbar label{font-size:var(--ds-fs-xs)}
@media (max-width:600px){
 .drive-view-switch{margin-left:0}
 .drive-view-switch button{min-height:var(--ds-touch)!important}
 .feed-list-toolbar select,#feed-sort{min-height:var(--ds-touch)}
 #client-hero-open,#feed-refresh,#library-new{min-height:var(--ds-touch)}
}
/* カードの「⋮」が 30px で押しにくかった（スマホ） */
@media (max-width:600px){#feed-cards .drive-more{width:var(--ds-touch)!important;height:var(--ds-touch)!important;right:2px;bottom:2px}}
.fold-count{font-size:var(--ds-fs-xs)}
/* 件数に「依頼」「素材」を書いたので、名前と件数を2行に分ける（横に並べると名前が「すべて…」と切れる・2026-10-14） */
#creation-feed .library-folder>span:not(.library-folder-icon){flex-direction:column;align-items:flex-start;gap:1px}
#creation-feed .library-folder>span:not(.library-folder-icon)>strong{max-width:100%}